| 1 |
- {"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\\package\\components\\KFormDesign\\module\\formItemProperties.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\fromModeling\\package\\components\\KFormDesign\\module\\formItemProperties.vue","mtime":1688697903282},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCi8qCiAqIGF1dGhvciBrY3oKICogZGF0ZSAyMDE5LTExLTIwCiAqIGRlc2NyaXB0aW9uIOihqOWNleaOp+S7tuWxnuaAp+iuvue9rue7hOS7tizlm6DkuLrphY3nva7mlbDmja7mmK/lvJXnlKjlhbPns7vvvIzmiYDku6Xlj6/ku6Xnm7TmjqXkv67mlLkKICovCmltcG9ydCBLQ2hhbmdlT3B0aW9uIGZyb20gIi4uLy4uL0tDaGFuZ2VPcHRpb24vaW5kZXgudnVlIjsKaW1wb3J0IGtDaGVja2JveCBmcm9tICIuLi8uLi9LQ2hlY2tib3gvaW5kZXgudnVlIjsKaW1wb3J0IHsgcGx1Z2luTWFuYWdlciB9IGZyb20gIi4uLy4uLy4uL3V0aWxzL2luZGV4IjsKY29uc3QgSW5wdXQgPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgiaW5wdXQiKS5jb21wb25lbnQ7CmNvbnN0IElucHV0TnVtYmVyID0gcGx1Z2luTWFuYWdlci5nZXRDb21wb25lbnQoIm51bWJlciIpLmNvbXBvbmVudDsKY29uc3QgUmF0ZSA9IHBsdWdpbk1hbmFnZXIuZ2V0Q29tcG9uZW50KCJyYXRlIikuY29tcG9uZW50Owpjb25zdCBDaGVja2JveCA9IHBsdWdpbk1hbmFnZXIuZ2V0Q29tcG9uZW50KCJjaGVja2JveCIpLmNvbXBvbmVudDsKY29uc3QgUmFkaW8gPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgicmFkaW8iKS5jb21wb25lbnQ7CmNvbnN0IFJhZGlvQnV0dG9uID0gcGx1Z2luTWFuYWdlci5nZXRDb21wb25lbnQoInJhZGlvQnV0dG9uIikuY29tcG9uZW50Owpjb25zdCBSYWRpb0l0ZW0gPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgicmFkaW9JdGVtIikuY29tcG9uZW50Owpjb25zdCBUZXh0YXJlYSA9IHBsdWdpbk1hbmFnZXIuZ2V0Q29tcG9uZW50KCJ0ZXh0YXJlYSIpLmNvbXBvbmVudDsKY29uc3QgU2VsZWN0ID0gcGx1Z2luTWFuYWdlci5nZXRDb21wb25lbnQoInNlbGVjdCIpLmNvbXBvbmVudDsKY29uc3QgQ29sb3JQaWNrZXIgPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgiY29sb3JQaWNrZXIiKS5jb21wb25lbnQ7CmNvbnN0IEFTd2l0Y2ggPSBwbHVnaW5NYW5hZ2VyLmdldENvbXBvbmVudCgic3dpdGNoIikuY29tcG9uZW50OwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJmb3JtSXRlbVByb3BlcnRpZXMiLAogIGNvbXBvbmVudHM6IHsKICAgIEtDaGFuZ2VPcHRpb24sCiAgICBrQ2hlY2tib3gsCiAgICBDb2xvclBpY2tlciwKICAgIElucHV0LAogICAgSW5wdXROdW1iZXIsCiAgICBSYXRlLAogICAgQVN3aXRjaCwKICAgIENoZWNrYm94LAogICAgUmFkaW8sCiAgICBSYWRpb0l0ZW0sCiAgICBSYWRpb0J1dHRvbiwKICAgIFRleHRhcmVhLAogICAgU2VsZWN0CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZmFtaWx5T3B0aW9uczogWwogICAgICAgIC8vIOWtl+S9k+mAieaLqeiuvue9rgogICAgICAgIHsKICAgICAgICAgIHZhbHVlOiAiIiwKICAgICAgICAgIGxhYmVsOiAi6buY6K6kIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICJTaW1TdW4iLAogICAgICAgICAgbGFiZWw6ICLlrovkvZMiCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB2YWx1ZTogIkZhbmdTb25nIiwKICAgICAgICAgIGxhYmVsOiAi5Lu/5a6LIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICJTaW1IZWkiLAogICAgICAgICAgbGFiZWw6ICLpu5HkvZMiCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB2YWx1ZTogIlBpbmdGYW5nU0MtUmVndWxhciIsCiAgICAgICAgICBsYWJlbDogIuiLueaWuSIKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIHZhbHVlOiAiS2FpVGkiLAogICAgICAgICAgbGFiZWw6ICLmpbfkvZMiCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB2YWx1ZTogIkxpU3UiLAogICAgICAgICAgbGFiZWw6ICLpmrbkuaYiCiAgICAgICAgfQogICAgICBdLAogICAgICBzaXplT3B0aW9uczogWwogICAgICAgIC8v5a2X5Y+36YCJ5oup6K6+572uCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIyNnB0IiwKICAgICAgICAgIGxhYmVsOiAi5LiA5Y+3IgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIyNHB0IiwKICAgICAgICAgIGxhYmVsOiAi5bCP5LiAIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIyMnB0IiwKICAgICAgICAgIGxhYmVsOiAi5LqM5Y+3IgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIxOHB0IiwKICAgICAgICAgIGxhYmVsOiAi5bCP5LqMIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIxNnB0IiwKICAgICAgICAgIGxhYmVsOiAi5LiJ5Y+3IgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIxNXB0IiwKICAgICAgICAgIGxhYmVsOiAi5bCP5LiJIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIxNHB0IiwKICAgICAgICAgIGxhYmVsOiAi5Zub5Y+3IgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIxMnB0IiwKICAgICAgICAgIGxhYmVsOiAi5bCP5ZubIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgdmFsdWU6ICIxMC41cHQiLAogICAgICAgICAgbGFiZWw6ICLkupTlj7ciCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICB2YWx1ZTogIjlwdCIsCiAgICAgICAgICBsYWJlbDogIuWwj+S6lCIKICAgICAgICB9CiAgICAgIF0KICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgb3B0aW9ucygpIHsKICAgICAgcmV0dXJuIHRoaXMuc2VsZWN0SXRlbS5vcHRpb25zIHx8IHt9OwogICAgfQogIH0sCiAgcHJvcHM6IHsKICAgIHNlbGVjdEl0ZW06IHsKICAgICAgdHlwZTogT2JqZWN0LAogICAgICByZXF1aXJlZDogdHJ1ZQogICAgfSwKICAgIGhpZGVNb2RlbDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiBmYWxzZQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgLyoqCiAgICAgKiDliKTmlq3mmK/lkKblt7LlrprkuYkKICAgICAqIEBwYXJhbSB7Kn0gdmFsdWUKICAgICAqLwogICAgaXNEZWZpbmVkKHZhbHVlKSB7CiAgICAgIHJldHVybiB0eXBlb2YgdmFsdWUgIT09ICJ1bmRlZmluZWQiOwogICAgfQogIH0KfTsK"},{"version":3,"sources":["formItemProperties.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2hBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"formItemProperties.vue","sourceRoot":"src/views/system/fromModeling/package/components/KFormDesign/module","sourcesContent":["<template>\n <div class=\"properties-centent kk-checkbox\">\n <div class=\"properties-body\">\n <a-empty\n class=\"hint-box\"\n v-show=\"selectItem.key === ''\"\n description=\"未选择控件\"\n />\n\n <a-form v-show=\"selectItem.key !== ''\">\n <a-form-item v-if=\"isDefined(selectItem.label)\" label=\"标签\">\n <Input v-model=\"selectItem.label\" placeholder=\"请输入\" />\n </a-form-item>\n\n <a-form-item\n v-if=\"!hideModel && isDefined(selectItem.model)\"\n label=\"数据字段\"\n >\n <Input v-model=\"selectItem.model\" placeholder=\"请输入\" />\n </a-form-item>\n <!-- input type start -->\n <a-form-item v-if=\"selectItem.type === 'input'\" label=\"输入框type\">\n <Input v-model=\"options.type\" placeholder=\"请输入\" />\n </a-form-item>\n <!-- input type end -->\n <a-form-item\n v-if=\"\n typeof options.rangePlaceholder !== 'undefined' && options.range\n \"\n label=\"占位内容\"\n >\n <Input placeholder=\"请输入\" v-model=\"options.rangePlaceholder[0]\" />\n <Input placeholder=\"请输入\" v-model=\"options.rangePlaceholder[1]\" />\n </a-form-item>\n\n <a-form-item\n v-else-if=\"isDefined(options.placeholder)\"\n label=\"占位内容\"\n >\n <Input placeholder=\"请输入\" v-model=\"options.placeholder\" />\n </a-form-item>\n <a-form-item\n v-if=\"selectItem.type === 'textarea'\"\n label=\"自适应内容高度\"\n >\n <InputNumber\n style=\"width: 100%\"\n v-model=\"options.minRows\"\n placeholder=\"最小高度\"\n />\n <InputNumber\n style=\"width: 100%\"\n v-model=\"options.maxRows\"\n placeholder=\"最大高度\"\n />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.width)\" label=\"宽度\">\n <Input placeholder=\"请输入\" v-model=\"options.width\" />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.height)\" label=\"高度\">\n <InputNumber v-model=\"options.height\" />\n </a-form-item>\n\n <a-form-item label=\"背景颜色\" >\n <ColorPicker :options=\"options.color\" v-model=\"options.color\"/>\n <!-- <a-select default-value=\"green\" v-model=\"options.bgcolor\" >\n <a-select-option value=\"red\">\n 红色\n </a-select-option>\n <a-select-option value=\"green\">\n 绿色\n </a-select-option>\n <a-select-option value=\"purple\">\n 紫色\n </a-select-option>\n <a-select-option value=\"blue\">\n 蓝色\n </a-select-option>\n </a-select> -->\n </a-form-item>\n\n <a-form-item v-if=\"isDefined(options.step)\" label=\"步长\">\n <InputNumber v-model=\"options.step\" placeholder=\"请输入\" />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.min)\" label=\"最小值\">\n <InputNumber v-model=\"options.min\" placeholder=\"请输入\" />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.max)\" label=\"最大值\">\n <InputNumber v-model=\"options.max\" placeholder=\"请输入\" />\n </a-form-item>\n\n <a-form-item v-if=\"isDefined(options.maxLength)\" label=\"最大长度\">\n <InputNumber v-model=\"options.maxLength\" placeholder=\"请输入\" />\n </a-form-item>\n <a-form-item\n v-if=\"\n isDefined(options.minLimit) || ['batch'].includes(selectItem.type)\n \"\n label=\"最小行数\"\n >\n <InputNumber\n v-model=\"options.minLimit\"\n :min=\"0\"\n placeholder=\"请输入\"\n />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.tabBarGutter)\" label=\"标签间距\">\n <InputNumber v-model=\"options.tabBarGutter\" placeholder=\"请输入\" />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.precision)\" label=\"数值精度\">\n <InputNumber\n :min=\"0\"\n :max=\"50\"\n v-model=\"options.precision\"\n placeholder=\"请输入\"\n />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.dictCode)\" label=\"dictCode\">\n <Input v-model=\"options.dictCode\" />\n </a-form-item>\n <!-- 选项配置及动态数据配置 start -->\n <a-form-item v-if=\"isDefined(options.options)\" label=\"选项配置\">\n <Radio buttonStyle=\"solid\" v-model=\"options.dynamic\">\n <RadioButton :value=\"false\">静态数据</RadioButton>\n <RadioButton :value=\"true\">动态数据</RadioButton>\n </Radio>\n\n <Input\n v-show=\"options.dynamic\"\n v-model=\"options.dynamicKey\"\n placeholder=\"动态数据变量名\"\n />\n\n <KChangeOption v-show=\"!options.dynamic\" v-model=\"options.options\" />\n </a-form-item>\n <!-- 选项配置及动态数据配置 end -->\n <!-- tabs配置 start -->\n <a-form-item\n v-if=\"['tabs', 'selectInputList'].includes(selectItem.type)\"\n :label=\"selectItem.type === 'tabs' ? '页签配置' : '列选项配置'\"\n >\n <KChangeOption v-model=\"selectItem.columns\" type=\"tab\" />\n </a-form-item>\n <!-- tabs配置 end -->\n <a-form-item v-if=\"selectItem.type === 'grid'\" label=\"栅格间距\">\n <InputNumber\n v-model=\"selectItem.options.gutter\"\n placeholder=\"请输入\"\n />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'grid'\" label=\"列配置项\">\n <KChangeOption v-model=\"selectItem.columns\" type=\"colspan\" />\n </a-form-item>\n\n <a-form-item v-if=\"selectItem.type === 'switch'\" label=\"默认值\">\n <ASwitch v-model=\"options.defaultValue\" />\n </a-form-item>\n <a-form-item\n v-if=\"['number', 'slider'].indexOf(selectItem.type) >= 0\"\n label=\"默认值\"\n >\n <InputNumber\n :step=\"options.step\"\n :min=\"options.min || -Infinity\"\n :max=\"options.max || Infinity\"\n v-model=\"options.defaultValue\"\n />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'rate'\" label=\"默认值\">\n <Rate\n v-model=\"options.defaultValue\"\n :allowHalf=\"options.allowHalf\"\n :count=\"options.max\"\n />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'select'\" label=\"默认值\">\n <Select\n :options=\"options.options\"\n v-model=\"options.defaultValue\"\n :allowClear=\"options.clearable\"\n :mode=\"options.multiple ? 'multiple' : ''\"\n />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'radio'\" label=\"默认值\">\n <Radio :options=\"options.options\" v-model=\"options.defaultValue\" />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'checkbox'\" label=\"默认值\">\n <Checkbox :options=\"options.options\" v-model=\"options.defaultValue\" />\n </a-form-item>\n <!-- 日期选择器默认值 start -->\n <a-form-item v-if=\"selectItem.type === 'date'\" label=\"默认值\">\n <Input\n v-if=\"!options.range\"\n v-model=\"options.defaultValue\"\n :placeholder=\"!isDefined(options.format) ? '' : options.format\"\n />\n <Input\n v-if=\"options.range\"\n v-model=\"options.rangeDefaultValue[0]\"\n :placeholder=\"!isDefined(options.format) ? '' : options.format\"\n />\n <Input\n v-if=\"options.range\"\n v-model=\"options.rangeDefaultValue[1]\"\n :placeholder=\"!isDefined(options.format) ? '' : options.format\"\n />\n </a-form-item>\n <!-- 日期选择器默认值 start -->\n <a-form-item\n v-if=\"\n ![\n 'number',\n 'radio',\n 'checkbox',\n 'date',\n 'rate',\n 'select',\n 'switch',\n 'slider',\n 'html'\n ].includes(selectItem.type) && isDefined(options.defaultValue)\n \"\n label=\"默认值\"\n >\n <Input\n v-model=\"options.defaultValue\"\n :placeholder=\"isDefined(options.format) ? '请输入' : options.format\"\n />\n </a-form-item>\n <!-- 修改html -->\n <a-form-item v-if=\"selectItem.type === 'html'\" label=\"默认值\">\n <Textarea\n v-model=\"options.defaultValue\"\n :autoSize=\"{ minRows: 4, maxRows: 8 }\"\n />\n </a-form-item>\n <a-form-item v-if=\"isDefined(options.format)\" label=\"时间格式\">\n <Input\n v-model=\"options.format\"\n placeholder=\"时间格式如：YYYY-MM-DD HH:mm:ss\"\n />\n </a-form-item>\n\n <a-form-item v-if=\"isDefined(options.orientation)\" label=\"标签位置\">\n <Radio buttonStyle=\"solid\" v-model=\"options.orientation\">\n <RadioButton value=\"left\">左</RadioButton>\n <RadioButton value=\"\">居中</RadioButton>\n <RadioButton value=\"right\">右</RadioButton>\n </Radio>\n </a-form-item>\n <!-- 页签位置 start -->\n <a-form-item v-if=\"selectItem.type === 'tabs'\" label=\"页签位置\">\n <Radio buttonStyle=\"solid\" v-model=\"options.tabPosition\">\n <RadioItem value=\"top\">top</RadioItem>\n <RadioItem value=\"right\">right</RadioItem>\n <RadioItem value=\"bottom\">bottom</RadioItem>\n <RadioItem value=\"left\">left</RadioItem>\n </Radio>\n </a-form-item>\n <!-- 页签位置 end -->\n <!-- 页签类型 start -->\n <a-form-item v-if=\"selectItem.type === 'tabs'\" label=\"页签类型\">\n <Radio buttonStyle=\"solid\" v-model=\"options.type\">\n <RadioButton value=\"line\">line</RadioButton>\n <RadioButton value=\"card\">card</RadioButton>\n </Radio>\n </a-form-item>\n <!-- 页签类型 end -->\n <!-- 页签大小 start -->\n <a-form-item v-if=\"isDefined(options.size)\" label=\"大小\">\n <Radio buttonStyle=\"solid\" v-model=\"options.size\">\n <RadioButton value=\"large\">large</RadioButton>\n <RadioButton value=\"default\">default</RadioButton>\n <RadioButton value=\"small\">small</RadioButton>\n </Radio>\n </a-form-item>\n <!-- 页签大小 end -->\n <a-form-item v-if=\"selectItem.type === 'button'\" label=\"类型\">\n <Radio buttonStyle=\"solid\" v-model=\"options.type\">\n <RadioItem value=\"primary\">Primary</RadioItem>\n <RadioItem value=\"default\">Default</RadioItem>\n <RadioItem value=\"dashed\">Dashed</RadioItem>\n <RadioItem value=\"danger\">Danger</RadioItem>\n </Radio>\n </a-form-item>\n <!-- 下载方式 start -->\n <a-form-item v-if=\"isDefined(options.downloadWay)\" label=\"下载方式\">\n <Radio buttonStyle=\"solid\" v-model=\"options.downloadWay\">\n <RadioButton value=\"a\">a标签</RadioButton>\n <RadioButton value=\"ajax\">ajax</RadioButton>\n <RadioButton value=\"dynamic\">动态函数</RadioButton>\n </Radio>\n <Input\n v-show=\"options.downloadWay === 'dynamic'\"\n v-model=\"options.dynamicFun\"\n placeholder=\"动态函数名\"\n />\n </a-form-item>\n <!-- 下载方式 end -->\n <a-form-item v-if=\"selectItem.type === 'button'\" label=\"按钮操作\">\n <Radio buttonStyle=\"solid\" v-model=\"options.handle\">\n <RadioButton value=\"submit\">提交</RadioButton>\n <RadioButton value=\"reset\">重置</RadioButton>\n <RadioButton value=\"dynamic\">动态函数</RadioButton>\n </Radio>\n <Input\n v-show=\"options.handle === 'dynamic'\"\n v-model=\"options.dynamicFun\"\n placeholder=\"动态函数名\"\n />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'alert'\" label=\"辅助描述\">\n <Input v-model=\"options.description\" />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'alert'\" label=\"类型\">\n <Radio buttonStyle=\"solid\" v-model=\"options.type\">\n <RadioItem value=\"success\">success</RadioItem>\n <RadioItem value=\"info\">info</RadioItem>\n <RadioItem value=\"warning\">warning</RadioItem>\n <RadioItem value=\"error\">error</RadioItem>\n </Radio>\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'alert'\" label=\"操作属性\">\n <kCheckbox v-model=\"options.showIcon\" label=\"显示图标\" />\n <kCheckbox v-model=\"options.banner\" label=\"无边框\" />\n <kCheckbox v-model=\"options.closable\" label=\"可关闭\" />\n </a-form-item>\n <!-- 上传图片 -->\n <a-form-item v-if=\"selectItem.type === 'uploadImg'\" label=\"样式\">\n <Radio buttonStyle=\"solid\" v-model=\"options.listType\">\n <RadioButton value=\"text\">text</RadioButton>\n <RadioButton value=\"picture\">picture</RadioButton>\n <RadioButton value=\"picture-card\">card</RadioButton>\n </Radio>\n </a-form-item>\n <!-- 上传数量 -->\n <a-form-item v-if=\"isDefined(options.limit)\" label=\"最大上传数量\">\n <InputNumber :min=\"1\" v-model=\"options.limit\" />\n </a-form-item>\n\n <!-- scrollY -->\n <a-form-item v-if=\"isDefined(options.scrollY)\" label=\"scrollY\">\n <InputNumber :min=\"0\" v-model=\"options.scrollY\" />\n </a-form-item>\n\n <!-- 上传地址 -->\n <a-form-item v-if=\"isDefined(options.action)\" label=\"上传地址\">\n <Input v-model=\"options.action\" placeholder=\"请输入\" />\n </a-form-item>\n\n <!-- 文件name -->\n <a-form-item v-if=\"isDefined(options.fileName)\" label=\"文件name\">\n <Input v-model=\"options.fileName\" placeholder=\"请输入\" />\n </a-form-item>\n <!-- 上传额外参数 -->\n <a-form-item\n v-if=\"isDefined(options.data)\"\n label=\"额外参数（JSON格式）\"\n >\n <Textarea\n v-model=\"options.data\"\n placeholder=\"严格JSON格式\"\n ></Textarea>\n </a-form-item>\n <!-- 文字对齐方式 -->\n <a-form-item v-if=\"selectItem.type === 'text'\" label=\"文字对齐方式\">\n <Radio buttonStyle=\"solid\" v-model=\"options.textAlign\">\n <RadioButton value=\"left\">左</RadioButton>\n <RadioButton value=\"center\">居中</RadioButton>\n <RadioButton value=\"right\">右</RadioButton>\n </Radio>\n </a-form-item>\n <!-- 文字字体 -->\n <a-form-item v-if=\"selectItem.type === 'text'\" label=\"字体属性设置\">\n <ColorPicker v-model=\"options.color\" />\n <Select\n :options=\"familyOptions\"\n v-model=\"options.fontFamily\"\n style=\"width:36%;margin-left:2%;vertical-align:bottom;\"\n />\n <Select\n :options=\"sizeOptions\"\n v-model=\"options.fontSize\"\n style=\"width:35%;margin-left:2%;vertical-align:bottom;\"\n />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'text'\" label=\"操作属性\">\n <kCheckbox v-model=\"options.showRequiredMark\" label=\"显示必选标记\" />\n </a-form-item>\n\n <a-form-item\n v-if=\"\n typeof options.hidden !== 'undefined' ||\n typeof options.disabled !== 'undefined' ||\n typeof options.readonly !== 'undefined' ||\n typeof options.clearable !== 'undefined' ||\n typeof options.multiple !== 'undefined' ||\n typeof options.range !== 'undefined' ||\n typeof options.showTime !== 'undefined' ||\n typeof options.allowHalf !== 'undefined' ||\n typeof options.showInput !== 'undefined' ||\n typeof options.animated !== 'undefined'\n \"\n label=\"操作属性\"\n >\n <kCheckbox\n v-if=\"isDefined(options.hidden)\"\n v-model=\"options.hidden\"\n label=\"隐藏\"\n />\n <kCheckbox\n v-if=\"isDefined(options.disabled)\"\n v-model=\"options.disabled\"\n label=\"禁用\"\n />\n <kCheckbox\n v-if=\"isDefined(options.readonly)\"\n v-model=\"options.readonly\"\n label=\"只读\"\n />\n <kCheckbox\n v-if=\"isDefined(options.clearable)\"\n v-model=\"options.clearable\"\n label=\"可清除\"\n />\n <kCheckbox\n v-if=\"isDefined(options.multiple)\"\n v-model=\"options.multiple\"\n label=\"多选\"\n />\n <kCheckbox\n v-if=\"isDefined(options.range)\"\n v-model=\"options.range\"\n label=\"范围选择\"\n />\n <kCheckbox\n v-if=\"isDefined(options.showTime)\"\n v-model=\"options.showTime\"\n label=\"时间选择器\"\n />\n <kCheckbox\n v-if=\"isDefined(options.allowHalf)\"\n v-model=\"options.allowHalf\"\n label=\"允许半选\"\n />\n <kCheckbox\n v-if=\"isDefined(options.showInput)\"\n v-model=\"options.showInput\"\n label=\"显示输入框\"\n />\n <kCheckbox\n v-if=\"isDefined(options.showLabel)\"\n v-model=\"options.showLabel\"\n label=\"显示Label\"\n />\n <kCheckbox\n v-if=\"isDefined(options.chinesization)\"\n v-model=\"options.chinesization\"\n label=\"汉化\"\n />\n <kCheckbox\n v-if=\"isDefined(options.hideSequence)\"\n v-model=\"options.hideSequence\"\n label=\"隐藏序号\"\n />\n <kCheckbox\n v-if=\"isDefined(options.drag)\"\n v-model=\"options.drag\"\n label=\"允许拖拽\"\n />\n <kCheckbox\n v-if=\"isDefined(options.showSearch)\"\n v-model=\"options.showSearch\"\n label=\"可搜索\"\n />\n <kCheckbox\n v-if=\"isDefined(options.treeCheckable)\"\n v-model=\"options.treeCheckable\"\n label=\"可勾选\"\n />\n <kCheckbox\n v-if=\"isDefined(options.animated)\"\n v-model=\"options.animated\"\n label=\"动画切换\"\n />\n <kCheckbox\n title=\"勾选后移除FormItem嵌套且表单无法获取该组件数据\"\n v-model=\"options.noFormItem\"\n label=\"移除FormItem\"\n />\n </a-form-item>\n\n <a-form-item\n v-if=\"isDefined(selectItem.rules) && selectItem.rules.length > 0\"\n label=\"校验\"\n >\n <kCheckbox v-model=\"selectItem.rules[0].required\" label=\"必填\" />\n <Input\n v-model=\"selectItem.rules[0].message\"\n placeholder=\"必填校验提示信息\"\n />\n <KChangeOption v-model=\"selectItem.rules\" type=\"rules\" />\n </a-form-item>\n\n <!-- 表格选项 -->\n <a-form-item v-if=\"selectItem.type === 'table'\" label=\"表格样式CSS\">\n <Input v-model=\"selectItem.options.customStyle\" />\n </a-form-item>\n <a-form-item v-if=\"selectItem.type === 'table'\" label=\"属性\">\n <kCheckbox v-model=\"selectItem.options.bordered\" label=\"显示边框\" />\n <kCheckbox v-model=\"selectItem.options.bright\" label=\"鼠标经过点亮\" />\n <kCheckbox v-model=\"selectItem.options.small\" label=\"紧凑型\" />\n </a-form-item>\n\n <a-form-item v-if=\"selectItem.type === 'table'\" label=\"提示\">\n <p style=\"line-height: 26px\">请点击右键增加行列，或者合并单元格</p>\n </a-form-item>\n\n <a-form-item v-if=\"isDefined(selectItem.help)\" label=\"帮助信息\">\n <Input v-model=\"selectItem.help\" placeholder=\"请输入\" />\n </a-form-item>\n\n <!-- 前缀 -->\n <a-form-item label=\"前缀\" v-if=\"isDefined(options.addonBefore)\">\n <Input v-model=\"options.addonBefore\" placeholder=\"请输入\" />\n </a-form-item>\n\n <!-- 后缀 -->\n <a-form-item label=\"后缀\" v-if=\"isDefined(options.addonAfter)\">\n <Input v-model=\"options.addonAfter\" placeholder=\"请输入\" />\n </a-form-item>\n\n </a-form>\n\n </div>\n </div>\n</template>\n\n<script>\n/*\n * author kcz\n * date 2019-11-20\n * description 表单控件属性设置组件,因为配置数据是引用关系，所以可以直接修改\n */\nimport KChangeOption from \"../../KChangeOption/index.vue\";\nimport kCheckbox from \"../../KCheckbox/index.vue\";\nimport { pluginManager } from \"../../../utils/index\";\nconst Input = pluginManager.getComponent(\"input\").component;\nconst InputNumber = pluginManager.getComponent(\"number\").component;\nconst Rate = pluginManager.getComponent(\"rate\").component;\nconst Checkbox = pluginManager.getComponent(\"checkbox\").component;\nconst Radio = pluginManager.getComponent(\"radio\").component;\nconst RadioButton = pluginManager.getComponent(\"radioButton\").component;\nconst RadioItem = pluginManager.getComponent(\"radioItem\").component;\nconst Textarea = pluginManager.getComponent(\"textarea\").component;\nconst Select = pluginManager.getComponent(\"select\").component;\nconst ColorPicker = pluginManager.getComponent(\"colorPicker\").component;\nconst ASwitch = pluginManager.getComponent(\"switch\").component;\n\nexport default {\n name: \"formItemProperties\",\n components: {\n KChangeOption,\n kCheckbox,\n ColorPicker,\n Input,\n InputNumber,\n Rate,\n ASwitch,\n Checkbox,\n Radio,\n RadioItem,\n RadioButton,\n Textarea,\n Select\n },\n data() {\n return {\n familyOptions: [\n // 字体选择设置\n {\n value: \"\",\n label: \"默认\"\n },\n {\n value: \"SimSun\",\n label: \"宋体\"\n },\n {\n value: \"FangSong\",\n label: \"仿宋\"\n },\n {\n value: \"SimHei\",\n label: \"黑体\"\n },\n {\n value: \"PingFangSC-Regular\",\n label: \"苹方\"\n },\n {\n value: \"KaiTi\",\n label: \"楷体\"\n },\n {\n value: \"LiSu\",\n label: \"隶书\"\n }\n ],\n sizeOptions: [\n //字号选择设置\n {\n value: \"26pt\",\n label: \"一号\"\n },\n {\n value: \"24pt\",\n label: \"小一\"\n },\n {\n value: \"22pt\",\n label: \"二号\"\n },\n {\n value: \"18pt\",\n label: \"小二\"\n },\n {\n value: \"16pt\",\n label: \"三号\"\n },\n {\n value: \"15pt\",\n label: \"小三\"\n },\n {\n value: \"14pt\",\n label: \"四号\"\n },\n {\n value: \"12pt\",\n label: \"小四\"\n },\n {\n value: \"10.5pt\",\n label: \"五号\"\n },\n {\n value: \"9pt\",\n label: \"小五\"\n }\n ]\n };\n },\n computed: {\n options() {\n return this.selectItem.options || {};\n }\n },\n props: {\n selectItem: {\n type: Object,\n required: true\n },\n hideModel: {\n type: Boolean,\n default: false\n }\n },\n methods: {\n /**\n * 判断是否已定义\n * @param {*} value\n */\n isDefined(value) {\n return typeof value !== \"undefined\";\n }\n }\n};\n</script>\n"]}]}
|
