@vipl520/dk-ui 1.0.74 → 1.0.76

package/lib/style-custom-input/src/style-custom-input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-custom-input.vue2.js","sources":["../../../src/style-custom-input/src/style-custom-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleCustomInput',\n});\n</script>\n<template>\n  <div>\n    <el-table :data=\"styles\" border :size=\"'small'\" style=\"width: 100%\">\n      <template v-for=\"(col, idx) in column\" :key=\"col.label + idx\">\n        <el-table-column :label=\"col.label\">\n          <template #default=\"scope\">\n            <el-input\n              :size=\"'small'\"\n              :model-value=\"scope.row[col.key] || ''\"\n              @update:modelValue=\"(n: any) => (scope.row[col.key] = n)\"\n              @input=\"onInput(scope.row)\"\n            ></el-input>\n          </template>\n        </el-table-column>\n      </template>\n      <el-table-column width=\"70\" align=\"center\" fixed=\"right\" label=\"操作\">\n        <template #default=\"scope\">\n          <dk-icon icon=\"Delete\" @click=\"del(scope.$index)\"></dk-icon>\n        </template>\n      </el-table-column>\n    </el-table>\n    <div style=\"\">\n      <el-button circle type=\"primary\" link size=\"small\" style=\"margin-left: 20px\" @click=\"add()\">\n        <dk-icon icon=\"CirclePlusFilled\"></dk-icon>\n        添加\n      </el-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleCustomInputProps } from './props'\nimport { reactive, watch } from 'vue'\n\n\n\nconst props = defineProps(styleCustomInputProps)\n\nconst emit = defineEmits(['update:modelValue', 'change'])\n\nconst column = [\n  { label: '键名', key: 'label' },\n  { label: '值', key: 'value' },\n]\n\nconst tidyModelValue = () => {\n  return Object.keys(props.modelValue || {}).map((label) => {\n    return { label, value: props.modelValue[label] }\n  })\n}\nconst styles: any = reactive(tidyModelValue())\nconst onInput = (item: any) => {\n  const flag = column.every((v) => {\n    return item[v.key] !== undefined && item[v.key] !== '' && item[v.key] !== null\n  })\n  console.log('f', flag)\n  if (flag) {\n    input()\n  }\n}\n\nconst tidyValue = () => {\n  const obj: any = {}\n  styles.forEach((v: any) => {\n    if (v.label && v.value) {\n      obj[v.label] = v.value\n    }\n  })\n  return obj\n}\n\nconst input = () => {\n  const value = tidyValue()\n  emit('update:modelValue', value)\n  emit('change', value)\n}\n\nconst del = (idx: any) => {\n  styles.splice(idx, 1)\n  input()\n}\n\nconst add = () => {\n  styles.push(\n    column.reduce((initial: any, v: any) => {\n      initial[v.key] = ''\n      return initial\n    }, {})\n  )\n}\n</script>\n"],"names":["__MACROS_defineComponent","reactive"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,oBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA0CD,IAAA,MAAM,MAAS,GAAA;AAAA,MACb,EAAE,KAAA,EAAO,cAAM,EAAA,GAAA,EAAK,OAAQ,EAAA;AAAA,MAC5B,EAAE,KAAA,EAAO,QAAK,EAAA,GAAA,EAAK,OAAQ,EAAA;AAAA,KAC7B,CAAA;AAEA,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAO,OAAA,MAAA,CAAO,KAAK,KAAM,CAAA,UAAA,IAAc,EAAE,CAAA,CAAE,GAAI,CAAA,CAAC,KAAU,KAAA;AACxD,QAAA,OAAO,EAAE,KAAO,EAAA,KAAA,EAAO,KAAM,CAAA,UAAA,CAAW,KAAK,CAAE,EAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAM,MAAA,MAAA,GAAcC,YAAS,CAAA,cAAA,EAAgB,CAAA,CAAA;AAC7C,IAAM,MAAA,OAAA,GAAU,CAAC,IAAc,KAAA;AAC7B,MAAA,MAAM,IAAO,GAAA,MAAA,CAAO,KAAM,CAAA,CAAC,CAAM,KAAA;AAC/B,QAAA,OAAO,IAAK,CAAA,CAAA,CAAE,GAAG,CAAA,KAAM,KAAa,CAAA,IAAA,IAAA,CAAK,CAAE,CAAA,GAAG,CAAM,KAAA,EAAA,IAAM,IAAK,CAAA,CAAA,CAAE,GAAG,CAAM,KAAA,IAAA,CAAA;AAAA,OAC3E,CAAA,CAAA;AACD,MAAQ,OAAA,CAAA,GAAA,CAAI,KAAK,IAAI,CAAA,CAAA;AACrB,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,KAAA,EAAA,CAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAO,MAAA,CAAA,OAAA,CAAQ,CAAC,CAAW,KAAA;AACzB,QAAI,IAAA,CAAA,CAAE,KAAS,IAAA,CAAA,CAAE,KAAO,EAAA;AACtB,UAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,KAAA,CAAA;AAAA,SACnB;AAAA,OACD,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACT,CAAA;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAM,QAAQ,SAAU,EAAA,CAAA;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAM,MAAA,GAAA,GAAM,CAAC,GAAa,KAAA;AACxB,MAAO,MAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AACpB,MAAM,KAAA,EAAA,CAAA;AAAA,KACR,CAAA;AAEA,IAAA,MAAM,MAAM,MAAM;AAChB,MAAO,MAAA,CAAA,IAAA;AAAA,QACL,MAAO,CAAA,MAAA,CAAO,CAAC,OAAA,EAAc,CAAW,KAAA;AACtC,UAAQ,OAAA,CAAA,CAAA,CAAE,GAAG,CAAI,GAAA,EAAA,CAAA;AACjB,UAAO,OAAA,OAAA,CAAA;AAAA,SACT,EAAG,EAAE,CAAA;AAAA,OACP,CAAA;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/style-custom-input/style/index.scss

@@ -0,0 +1,5 @@
+/* stylelint-disable */
+.dk-style-custom-input {
+
+}
+/* stylelint-enable */

package/lib/style-input/src/default.js

@@ -63,6 +63,13 @@ const defaultConfig = [
     props: {},
     value: {},
     params: ["boxShadow"]
+  },
+  {
+    name: "DkStyleCustomInput",
+    title: "\u81EA\u5B9A\u4E49",
+    props: {},
+    value: {},
+    params: []
   }
   // {
   //   name: 'DkStylePositionInput',

package/lib/style-input/src/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sources":["../../../src/style-input/src/default.ts"],"sourcesContent":["export type StyleInputConfigItem = {\n  name: string\n  title: string\n  props: Record<string, any>\n  value: Record<string, any>\n  params: string[]\n}\n\nexport type StyleInputConfig = StyleInputConfigItem[]\nexport const defaultConfig: StyleInputConfig = [\n  {\n    name: 'DkStyleBoxInput',\n    title: '尺寸',\n    props: {},\n    value: {},\n    params: [\n      'marginLeft',\n      'marginTop',\n      'marginRight',\n      'marginBottom',\n      'paddingLeft',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'width',\n      'height',\n    ],\n  },\n  {\n    name: 'DkStyleFontInput',\n    title: '文字',\n    props: {},\n    value: {},\n    params: ['fontSize', 'color', 'fontWeight', 'fontStyle', 'textDecoration'],\n  },\n  {\n    name: 'DkStyleBackgroundInput',\n    title: '背景',\n    props: {},\n    value: {},\n    params: ['backgroundColor', 'backgroundImage'],\n  },\n  {\n    name: 'DkStyleBorderInput',\n    title: '边框',\n    props: {},\n    value: {},\n    params: [\n      'borderWidth',\n      'borderStyle',\n      'borderColor',\n      'borderRightWidth',\n      'borderRightStyle',\n      'borderRightColor',\n      'borderLeftWidth',\n      'borderLeftStyle',\n      'borderLeftColor',\n      'borderTopWidth',\n      'borderTopStyle',\n      'borderTopColor',\n      'borderBottomWidth',\n      'borderBottomStyle',\n      'borderBottomColor',\n      'borderRadius',\n    ],\n  },\n  {\n    name: 'DkStyleShadowInput',\n    title: '阴影',\n    props: {},\n    value: {},\n    params: ['boxShadow'],\n  },\n  // {\n  //   name: 'DkStylePositionInput',\n  //   title: '位置',\n  //   props: {},\n  //   value: {},\n  //   params: ['top', 'left', 'right', 'bottom'],\n  // },\n]\n\n// 根据上面的格式生成类型\n\n// 对象内要包含： name props value params 这样生成的数组\n"],"names":[],"mappings":";;AASO,MAAM,aAAkC,GAAA;AAAA,EAC7C;AAAA,IACE,IAAM,EAAA,iBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,YAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,kBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,CAAC,UAAA,EAAY,OAAS,EAAA,YAAA,EAAc,aAAa,gBAAgB,CAAA;AAAA,GAC3E;AAAA,EACA;AAAA,IACE,IAAM,EAAA,wBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,iBAAA,EAAmB,iBAAiB,CAAA;AAAA,GAC/C;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,WAAW,CAAA;AAAA,GACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQF;;;;"}
+{"version":3,"file":"default.js","sources":["../../../src/style-input/src/default.ts"],"sourcesContent":["export type StyleInputConfigItem = {\n  name: string\n  title: string\n  props: Record<string, any>\n  value: Record<string, any>\n  params: string[]\n}\n\nexport type StyleInputConfig = StyleInputConfigItem[]\nexport const defaultConfig: StyleInputConfig = [\n  {\n    name: 'DkStyleBoxInput',\n    title: '尺寸',\n    props: {},\n    value: {},\n    params: [\n      'marginLeft',\n      'marginTop',\n      'marginRight',\n      'marginBottom',\n      'paddingLeft',\n      'paddingTop',\n      'paddingRight',\n      'paddingBottom',\n      'width',\n      'height',\n    ],\n  },\n  {\n    name: 'DkStyleFontInput',\n    title: '文字',\n    props: {},\n    value: {},\n    params: ['fontSize', 'color', 'fontWeight', 'fontStyle', 'textDecoration'],\n  },\n  {\n    name: 'DkStyleBackgroundInput',\n    title: '背景',\n    props: {},\n    value: {},\n    params: ['backgroundColor', 'backgroundImage'],\n  },\n  {\n    name: 'DkStyleBorderInput',\n    title: '边框',\n    props: {},\n    value: {},\n    params: [\n      'borderWidth',\n      'borderStyle',\n      'borderColor',\n      'borderRightWidth',\n      'borderRightStyle',\n      'borderRightColor',\n      'borderLeftWidth',\n      'borderLeftStyle',\n      'borderLeftColor',\n      'borderTopWidth',\n      'borderTopStyle',\n      'borderTopColor',\n      'borderBottomWidth',\n      'borderBottomStyle',\n      'borderBottomColor',\n      'borderRadius',\n    ],\n  },\n  {\n    name: 'DkStyleShadowInput',\n    title: '阴影',\n    props: {},\n    value: {},\n    params: ['boxShadow'],\n  },\n  {\n    name: 'DkStyleCustomInput',\n    title: '自定义',\n    props: {},\n    value: {},\n    params: [],\n  },\n  // {\n  //   name: 'DkStylePositionInput',\n  //   title: '位置',\n  //   props: {},\n  //   value: {},\n  //   params: ['top', 'left', 'right', 'bottom'],\n  // },\n]\n\n// 根据上面的格式生成类型\n\n// 对象内要包含： name props value params 这样生成的数组\n"],"names":[],"mappings":";;AASO,MAAM,aAAkC,GAAA;AAAA,EAC7C;AAAA,IACE,IAAM,EAAA,iBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,YAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,kBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,CAAC,UAAA,EAAY,OAAS,EAAA,YAAA,EAAc,aAAa,gBAAgB,CAAA;AAAA,GAC3E;AAAA,EACA;AAAA,IACE,IAAM,EAAA,wBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,iBAAA,EAAmB,iBAAiB,CAAA;AAAA,GAC/C;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAQ,EAAA;AAAA,MACN,aAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,cAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,MAAA,EAAQ,CAAC,WAAW,CAAA;AAAA,GACtB;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,KAAO,EAAA,oBAAA;AAAA,IACP,OAAO,EAAC;AAAA,IACR,OAAO,EAAC;AAAA,IACR,QAAQ,EAAC;AAAA,GACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQF;;;;"}

package/lib/style-input/src/style-input.vue2.js

@@ -35,21 +35,33 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const _components = vue.ref([]);
     const init = () => {
+      const usedParams = /* @__PURE__ */ new Set();
       _components.value = props.components.filter((item) => {
         return !props.hideComponents.includes(item.name);
       });
       const obj = {};
       _components.value.forEach((item) => {
-        const params = item.params;
-        const paramsObj = {};
-        Object.keys(params).forEach((key) => {
-          const param = params[key];
-          if (props.modelValue[param]) {
-            paramsObj[param] = props.modelValue[param];
+        if (item.name !== "DkStyleCustomInput") {
+          const paramsObj = {};
+          item.params.forEach((param) => {
+            if (props.modelValue[param] !== void 0) {
+              paramsObj[param] = props.modelValue[param];
+              usedParams.add(param);
+            }
+          });
+          obj[item.name] = paramsObj;
+        }
+      });
+      const customComponent = _components.value.find((item) => item.name === "DkStyleCustomInput");
+      if (customComponent) {
+        const customParamsObj = {};
+        Object.keys(props.modelValue).forEach((key) => {
+          if (!usedParams.has(key)) {
+            customParamsObj[key] = props.modelValue[key];
           }
         });
-        obj[item.name] = paramsObj;
-      });
+        obj[customComponent.name] = customParamsObj;
+      }
       values.value = obj;
       loading.value = false;
     };

package/lib/style-input/src/style-input.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-input.vue2.js","sources":["../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-input\">\n    <div v-if=\"!loading\" class=\"p-5px\">\n      <el-collapse v-if=\"!props.isDrawer\" v-model=\"activeNames\">\n        <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n          <template #title>\n            {{ item.title }}\n          </template>\n          <component\n            :is=\"item.name\"\n            v-if=\"activeNames.includes(key)\"\n            v-model=\"values[item.name]\"\n            v-bind=\"item.props\"\n            @change=\"onChange\"\n          />\n        </el-collapse-item>\n      </el-collapse>\n      <div v-else>\n        <el-button type=\"primary\" plain style=\"width: 100%\" size=\"small\" @click=\"drawer = true\">\n          {{ props.drawerText }}\n        </el-button>\n        <el-drawer v-model=\"drawer\" v-bind=\"props.drawerProps\">\n          <el-collapse v-model=\"activeNames\">\n            <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n              <template #title>\n                {{ item.title }}\n              </template>\n              <component\n                :is=\"item.name\"\n                v-if=\"activeNames.includes(key)\"\n                v-model=\"values[item.name]\"\n                v-bind=\"item.props\"\n                @change=\"onChange\"\n              />\n            </el-collapse-item>\n          </el-collapse>\n        </el-drawer>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { onMounted, ref, watch } from 'vue'\n\n\nconst props = defineProps(styleInputProps)\nconst drawer = ref(false)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\nconst onChange = () => {\n  const obj: any = {}\n  Object.keys(values.value).forEach((key) => {\n    Object.keys(values.value[key]).forEach((k) => {\n      obj[k] = values.value[key][k]\n    })\n  })\n  emit('update:modelValue', obj)\n}\n\nconst _components: any = ref([])\nconst init = () => {\n  _components.value = props.components.filter((item: any) => {\n    return !props.hideComponents.includes(item.name)\n  })\n  const obj: any = {}\n  _components.value.forEach((item: any) => {\n    const params = item.params\n    const paramsObj: any = {}\n    Object.keys(params).forEach((key) => {\n      const param = params[key]\n      if (props.modelValue[param]) {\n        paramsObj[param] = props.modelValue[param]\n      }\n    })\n    obj[item.name] = paramsObj\n  })\n  values.value = obj\n  loading.value = false\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","onMounted"],"mappings":";;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAkDD,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;AACxB,IAAA,MAAM,WAAc,GAAAA,OAAA,CAAI,CAAC,CAAC,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAcA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAUA,QAAI,IAAI,CAAA,CAAA;AAGxB,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAA,MAAA,CAAO,KAAK,MAAO,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACzC,QAAO,MAAA,CAAA,IAAA,CAAK,OAAO,KAAM,CAAA,GAAG,CAAC,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAM,KAAA;AAC5C,UAAA,GAAA,CAAI,CAAC,CAAI,GAAA,MAAA,CAAO,KAAM,CAAA,GAAG,EAAE,CAAC,CAAA,CAAA;AAAA,SAC7B,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AACD,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,WAAA,GAAmBA,OAAI,CAAA,EAAE,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,UAAW,CAAA,MAAA,CAAO,CAAC,IAAc,KAAA;AACzD,QAAA,OAAO,CAAC,KAAA,CAAM,cAAe,CAAA,QAAA,CAAS,KAAK,IAAI,CAAA,CAAA;AAAA,OAChD,CAAA,CAAA;AACD,MAAA,MAAM,MAAW,EAAC,CAAA;AAClB,MAAY,WAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,IAAc,KAAA;AACvC,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAA,MAAM,YAAiB,EAAC,CAAA;AACxB,QAAA,MAAA,CAAO,IAAK,CAAA,MAAM,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACnC,UAAM,MAAA,KAAA,GAAQ,OAAO,GAAG,CAAA,CAAA;AACxB,UAAI,IAAA,KAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA;AAC3B,YAAA,SAAA,CAAU,KAAK,CAAA,GAAI,KAAM,CAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,WAC3C;AAAA,SACD,CAAA,CAAA;AACD,QAAI,GAAA,CAAA,IAAA,CAAK,IAAI,CAAI,GAAA,SAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,MAAM;AACJ,QAAK,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAK,IAAA,EAAA,CAAA;AAAA,KACN,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"style-input.vue2.js","sources":["../../../src/style-input/src/style-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkStyleInput',\n});\n</script>\n<template>\n  <div class=\"dk-style-input\">\n    <div v-if=\"!loading\" class=\"p-5px\">\n      <el-collapse v-if=\"!props.isDrawer\" v-model=\"activeNames\">\n        <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n          <template #title>\n            {{ item.title }}\n          </template>\n          <component\n            :is=\"item.name\"\n            v-if=\"activeNames.includes(key)\"\n            v-model=\"values[item.name]\"\n            v-bind=\"item.props\"\n            @change=\"onChange\"\n          />\n        </el-collapse-item>\n      </el-collapse>\n      <div v-else>\n        <el-button type=\"primary\" plain style=\"width: 100%\" size=\"small\" @click=\"drawer = true\">\n          {{ props.drawerText }}\n        </el-button>\n        <el-drawer v-model=\"drawer\" v-bind=\"props.drawerProps\">\n          <el-collapse v-model=\"activeNames\">\n            <el-collapse-item v-for=\"(item, key) in _components\" :key=\"key\" title=\"\" :name=\"key\">\n              <template #title>\n                {{ item.title }}\n              </template>\n              <component\n                :is=\"item.name\"\n                v-if=\"activeNames.includes(key)\"\n                v-model=\"values[item.name]\"\n                v-bind=\"item.props\"\n                @change=\"onChange\"\n              />\n            </el-collapse-item>\n          </el-collapse>\n        </el-drawer>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { styleInputProps } from './props'\nimport { onMounted, ref, watch } from 'vue'\n\n\nconst props = defineProps(styleInputProps)\nconst drawer = ref(false)\nconst activeNames = ref([0])\nconst values: any = ref({})\nconst loading = ref(true)\n\nconst emit = defineEmits(['update:modelValue'])\nconst onChange = () => {\n  const obj: any = {}\n  Object.keys(values.value).forEach((key) => {\n    Object.keys(values.value[key]).forEach((k) => {\n      obj[k] = values.value[key][k]\n    })\n  })\n  emit('update:modelValue', obj)\n}\n\nconst _components: any = ref([])\n\nconst init = () => {\n  // 初始化已使用的参数集合\n  const usedParams = new Set<string>()\n\n  // 过滤隐藏组件并初始化_components\n  _components.value = props.components.filter((item: any) => {\n    return !props.hideComponents.includes(item.name)\n  })\n\n  const obj: Record<string, Record<string, any>> = {}\n\n  // 遍历非自定义组件以填充obj和usedParams\n  _components.value.forEach((item: any) => {\n    if (item.name !== 'DkStyleCustomInput') {\n      const paramsObj: Record<string, any> = {}\n      item.params.forEach((param: string) => {\n        if (props.modelValue[param] !== undefined) {\n          paramsObj[param] = props.modelValue[param]\n          usedParams.add(param) // 标记为已使用\n        }\n      })\n      obj[item.name] = paramsObj\n    }\n  })\n\n  // 处理 DkStyleCustomInput 组件\n  const customComponent = _components.value.find((item: any) => item.name === 'DkStyleCustomInput')\n\n  if (customComponent) {\n    const customParamsObj: Record<string, any> = {}\n    Object.keys(props.modelValue).forEach((key) => {\n      if (!usedParams.has(key)) {\n        customParamsObj[key] = props.modelValue[key]\n      }\n    })\n    obj[customComponent.name] = customParamsObj\n  }\n  values.value = obj\n  loading.value = false\n}\n\n// const init = () => {\n//   _components.value = props.components.filter((item: any) => {\n//     return !props.hideComponents.includes(item.name)\n//   })\n//   const obj: any = {}\n//   _components.value.forEach((item: any) => {\n//     const params = item.params\n//     const paramsObj: any = {}\n//     Object.keys(params).forEach((key) => {\n//       const param = params[key]\n//       if (props.modelValue[param]) {\n//         paramsObj[param] = props.modelValue[param]\n//       }\n//     })\n//     obj[item.name] = paramsObj\n//   })\n//   console.log('props.modelValue', props.modelValue)\n//   console.log(obj)\n//   values.value = obj\n//   loading.value = false\n// }\n\nwatch(\n  () => props.modelValue,\n  () => {\n    init()\n  },\n  {\n    deep: true,\n  }\n)\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":["__MACROS_defineComponent","ref","watch","onMounted"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vipl520/dk-ui",
-  "version": "1.0.74",
+  "version": "1.0.76",
   "description": "多客怪兽框架核心组件，支持diy、crud动态表格、上传组件等",
   "main": "lib/index.js",
   "module": "es/index.mjs",