{"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModeling\\k-form-design-master\\packages\\components\\KFormDesign\\module\\formProperties.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModeling\\k-form-design-master\\packages\\components\\KFormDesign\\module\\formProperties.vue","mtime":1688696136496},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCi8qCiAqIGF1dGhvciBrY3oKICogZGF0ZSAyMDE5LTExLTIwCiAqIGRlc2NyaXB0aW9uIOihqOWNleWxnuaAp+iuvue9rumdouadv+e7hOS7tgogKi8KaW1wb3J0IGtDaGVja2JveCBmcm9tICIuLi8uLi9LQ2hlY2tib3gvaW5kZXgudnVlIjsKaW1wb3J0IHsgcGx1Z2luTWFuYWdlciB9IGZyb20gIi4uLy4uLy4uL3V0aWxzL2luZGV4IjsKY29uc3QgSW5wdXROdW1iZXIgPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgibnVtYmVyIikuY29tcG9uZW50Owpjb25zdCBSYWRpbyA9IHBsdWdpbk1hbmFnZXIuZ2V0Q29tcG9uZW50KCJyYWRpbyIpLmNvbXBvbmVudDsKY29uc3QgUmFkaW9CdXR0b24gPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgicmFkaW9CdXR0b24iKS5jb21wb25lbnQ7CmNvbnN0IFRleHRhcmVhID0gcGx1Z2luTWFuYWdlci5nZXRDb21wb25lbnQoInRleHRhcmVhIikuY29tcG9uZW50Owpjb25zdCBTbGlkZXIgPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgiYVNsaWRlciIpLmNvbXBvbmVudDsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiZm9ybVByb3BlcnRpZXMiLAogIGNvbXBvbmVudHM6IHsKICAgIGtDaGVja2JveCwKICAgIElucHV0TnVtYmVyLAogICAgUmFkaW8sCiAgICBSYWRpb0J1dHRvbiwKICAgIFRleHRhcmVhLAogICAgU2xpZGVyCiAgfSwKICBwcm9wczogewogICAgY29uZmlnOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgcmVxdWlyZWQ6IHRydWUKICAgIH0sCiAgICBwcmV2aWV3T3B0aW9uczogewogICAgICB0eXBlOiBPYmplY3QsCiAgICAgIHJlcXVpcmVkOiB0cnVlCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBoYW5kbGVDaGFuZ2VDb2woZSkgewogICAgICB0aGlzLmNvbmZpZy5sYWJlbENvbC54cyA9IHRoaXMuY29uZmlnLmxhYmVsQ29sLnNtID0gdGhpcy5jb25maWcubGFiZWxDb2wubWQgPSB0aGlzLmNvbmZpZy5sYWJlbENvbC5sZyA9IHRoaXMuY29uZmlnLmxhYmVsQ29sLnhsID0gdGhpcy5jb25maWcubGFiZWxDb2wueHhsID0gZTsKCiAgICAgIHRoaXMuY29uZmlnLndyYXBwZXJDb2wueHMgPSB0aGlzLmNvbmZpZy53cmFwcGVyQ29sLnNtID0gdGhpcy5jb25maWcud3JhcHBlckNvbC5tZCA9IHRoaXMuY29uZmlnLndyYXBwZXJDb2wubGcgPSB0aGlzLmNvbmZpZy53cmFwcGVyQ29sLnhsID0gdGhpcy5jb25maWcud3JhcHBlckNvbC54eGwgPQogICAgICAgIDI0IC0gZTsKICAgIH0KICB9Cn07Cg=="},{"version":3,"sources":["formProperties.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"formProperties.vue","sourceRoot":"src/views/system/fromModeling/k-form-design-master/packages/components/KFormDesign/module","sourcesContent":["<template>\n  <div class=\"properties-centent kk-checkbox\">\n    <div class=\"properties-body\">\n      <a-form>\n        <!-- ++++++ -->\n        <!-- <a-form-item label=\"背景颜色\">\n          你好\n        </a-form-item> -->\n\n\n        <a-form-item label=\"表单布局\">\n          <Radio buttonStyle=\"solid\" v-model=\"config.layout\">\n            <RadioButton value=\"horizontal\">水平</RadioButton>\n            <RadioButton value=\"vertical\">垂直</RadioButton>\n            <RadioButton value=\"inline\">行内</RadioButton>\n          </Radio>\n        </a-form-item>\n        <a-form-item label=\"标签布局（水平布局生效）\">\n          <Radio buttonStyle=\"solid\" v-model=\"config.labelLayout\">\n            <RadioButton value=\"flex\">固定</RadioButton>\n            <RadioButton value=\"Grid\">栅格</RadioButton>\n          </Radio>\n        </a-form-item>\n        <a-form-item\n          v-show=\"config.labelLayout === 'flex'\"\n          label=\"标签宽度（px）\"\n        >\n          <InputNumber v-model=\"config.labelWidth\" />\n        </a-form-item>\n        <a-form-item label=\"labelCol\" v-show=\"config.labelLayout !== 'flex'\">\n          <div class=\"change-col-box\">\n            <Slider\n              id=\"test\"\n              :max=\"24\"\n              :min=\"0\"\n              v-model=\"config.labelCol.xs\"\n              @change=\"handleChangeCol\"\n            />\n            <div>\n              <label>xs:</label>\n              <InputNumber v-model=\"config.labelCol.xs\" />\n            </div>\n            <div>\n              <label>sm:</label>\n              <InputNumber v-model=\"config.labelCol.sm\" />\n            </div>\n            <div>\n              <label>md:</label>\n              <InputNumber v-model=\"config.labelCol.md\" />\n            </div>\n            <div>\n              <label>lg:</label>\n              <InputNumber v-model=\"config.labelCol.lg\" />\n            </div>\n            <div>\n              <label>xl:</label>\n              <InputNumber v-model=\"config.labelCol.xl\" />\n            </div>\n            <div>\n              <label>xxl:</label>\n              <InputNumber v-model=\"config.labelCol.xxl\" />\n            </div>\n          </div>\n        </a-form-item>\n        <a-form-item label=\"wrapperCol\" v-show=\"config.labelLayout !== 'flex'\">\n          <div class=\"change-col-box\">\n            <div>\n              <label>xs:</label>\n              <InputNumber v-model=\"config.wrapperCol.xs\" />\n            </div>\n            <div>\n              <label>sm:</label>\n              <InputNumber v-model=\"config.wrapperCol.sm\" />\n            </div>\n            <div>\n              <label>md:</label>\n              <InputNumber v-model=\"config.wrapperCol.md\" />\n            </div>\n            <div>\n              <label>lg:</label>\n              <InputNumber v-model=\"config.wrapperCol.lg\" />\n            </div>\n            <div>\n              <label>xl:</label>\n              <InputNumber v-model=\"config.wrapperCol.xl\" />\n            </div>\n            <div>\n              <label>xxl:</label>\n              <InputNumber v-model=\"config.wrapperCol.xxl\" />\n            </div>\n          </div>\n        </a-form-item>\n        <a-form-item label=\"预览模态框宽度\">\n          <InputNumber style=\"width:100%;\" v-model=\"previewOptions.width\" />\n        </a-form-item>\n        <a-form-item label=\"表单CSS\">\n          <Textarea v-model=\"config.customStyle\" />\n        </a-form-item>\n        <a-form-item label=\"表单属性\">\n          <kCheckbox v-model=\"config.hideRequiredMark\" label=\"隐藏必选标记\" />\n        </a-form-item>\n        <a-form-item label=\"提示\">\n          实际预览效果请点击预览查看\n        </a-form-item>\n        \n      </a-form>\n    </div>\n  </div>\n</template>\n<script>\n/*\n * author kcz\n * date 2019-11-20\n * description 表单属性设置面板组件\n */\nimport kCheckbox from \"../../KCheckbox/index.vue\";\nimport { pluginManager } from \"../../../utils/index\";\nconst InputNumber = pluginManager.getComponent(\"number\").component;\nconst Radio = pluginManager.getComponent(\"radio\").component;\nconst RadioButton = pluginManager.getComponent(\"radioButton\").component;\nconst Textarea = pluginManager.getComponent(\"textarea\").component;\nconst Slider = pluginManager.getComponent(\"aSlider\").component;\n\nexport default {\n  name: \"formProperties\",\n  components: {\n    kCheckbox,\n    InputNumber,\n    Radio,\n    RadioButton,\n    Textarea,\n    Slider\n  },\n  props: {\n    config: {\n      type: Object,\n      required: true\n    },\n    previewOptions: {\n      type: Object,\n      required: true\n    }\n  },\n  methods: {\n    handleChangeCol(e) {\n      this.config.labelCol.xs = this.config.labelCol.sm = this.config.labelCol.md = this.config.labelCol.lg = this.config.labelCol.xl = this.config.labelCol.xxl = e;\n\n      this.config.wrapperCol.xs = this.config.wrapperCol.sm = this.config.wrapperCol.md = this.config.wrapperCol.lg = this.config.wrapperCol.xl = this.config.wrapperCol.xxl =\n        24 - e;\n    }\n  }\n};\n</script>\n"]}]}