@vipl520/dk-ui 1.0.7 → 1.0.9

package/es/form/src/form.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, reactive, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, createVNode, renderSlot, createTextVNode, createCommentVNode, createElementBlock } from 'vue';
-import { createNamespace, isArray, isNumber, isObject, request } from '@vipl520/utils';
+import { defineComponent, reactive, ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createVNode, unref, renderSlot, createTextVNode, createElementBlock, createCommentVNode } from 'vue';
+import { createNamespace, isArray, isObject, request } from '@vipl520/utils';
 import formCreate from '@form-create/element-ui';
 import { formProps } from './props.mjs';
 import config from './config.mjs';
@@ -35,7 +35,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const fApi = ref();
     const loading = ref(true);
     const buttonLoading = ref(false);
-    const minHeight = computed(() => isNumber(props.minHeight) ? `${props.minHeight}px` : props.minHeight);
     const showDialog = ref(false);
     const formConfig = computed(() => ({ ...config$1, ...props.extraConfig }));
     const { width } = useWindowSize();
@@ -47,6 +46,58 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("update:modelValue", val || {});
       }
     );
+    const dialogWidth = computed(() => {
+      let defaultWidth = "800px";
+      if (props.dialog?.width) {
+        defaultWidth = props.dialog?.width;
+      }
+      if (_formData.value?.config?.width) {
+        defaultWidth = _formData.value?.config?.width;
+      }
+      return width.value < 768 ? "100%" : defaultWidth;
+    });
+    const dialogStyle = computed(() => {
+      const style = {
+        minHeight: void 0,
+        maxHeight: void 0
+      };
+      if (props.dialog?.minHeight) {
+        style.minHeight = props.dialog?.minHeight;
+      }
+      if (props.dialog?.maxHeight) {
+        style.maxHeight = props.dialog?.maxHeight;
+      }
+      if (_formData.value?.config?.minHeight) {
+        style.minHeight = _formData.value?.config?.minHeight;
+      }
+      if (_formData.value?.config?.maxHeight) {
+        style.maxHeight = _formData.value?.config?.maxHeight;
+      }
+      return style;
+    });
+    const draggable = computed(() => {
+      let draggable2 = true;
+      if (props.dialog?.draggable) {
+        draggable2 = props.dialog?.draggable;
+      }
+      if (_formData.value?.config?.draggable !== void 0) {
+        draggable2 = _formData.value?.config?.draggable;
+      }
+      return draggable2;
+    });
+    const isFullscreen = computed(() => {
+      let defaultFullscreen = false;
+      if (props.dialog?.width) {
+        defaultFullscreen = props.dialog?.fullscreen;
+      }
+      if (_formData.value?.config?.fullscreen) {
+        defaultFullscreen = _formData.value?.config?.fullscreen;
+      }
+      if (width.value < 768) {
+        defaultFullscreen = true;
+      }
+      return defaultFullscreen;
+    });
     const setFormData = (formData) => {
       value.value = null;
       _formData.value = formData;
@@ -135,16 +186,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: showDialog.value,
         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showDialog.value = $event),
         title: _formData.value?.title ? _formData.value?.title : "\u8868\u5355",
-        width: unref(width).value < 768 ? "100%" : "800px",
-        "default-fullscreen": unref(width).value < 768,
+        width: dialogWidth.value,
+        "default-fullscreen": isFullscreen.value,
         "min-height": "200px",
+        draggable: draggable.value,
         "append-to-body": ""
       }, {
         default: withCtx(() => [
           createElementVNode(
             "div",
             {
-              style: normalizeStyle({ minHeight: minHeight.value }),
+              style: normalizeStyle(dialogStyle.value),
               class: "dk-form"
             },
             [
@@ -155,6 +207,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 rule: _formData.value.rules,
                 "handle-icon": false,
                 class: "formBox",
+                style: { "padding": "10px" },
                 "onUpdate:api": _cache[1] || (_cache[1] = ($event) => fApi.value = $event),
                 "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event)
               }, null, 8, ["modelValue", "option", "rule"]),
@@ -185,16 +238,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             4
             /* STYLE */
-          ),
-          createCommentVNode('    <div v-else :style="{ minHeight }"></div>')
+          )
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["modelValue", "title", "width", "default-fullscreen"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+      }, 8, ["modelValue", "title", "width", "default-fullscreen", "draggable"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode(
           "div",
           {
-            style: normalizeStyle({ minHeight: minHeight.value }),
+            style: normalizeStyle({ minHeight: _ctx.minHeight }),
             class: "dk-form"
           },
           [

package/es/form/src/form.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"width.value < 768 ? '100%' : '800px'\"\n    :default-fullscreen=\"width.value < 768\"\n    min-height=\"200px\"\n    append-to-body\n  >\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, request, isNumber, isObject, isArray } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { ref, reactive, onMounted, computed, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\nconst minHeight = computed(() => (isNumber(props.minHeight) ? `${props.minHeight}px` : props.minHeight))\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n        console.error(res)\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","value","config","_config"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA2DD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;AAEvC,IAAA,UAAA,CAAW,QAAS,CAAA;AAAA,MAClB,IAAM,EAAA,MAAA;AAAA,MACN,IAAK,CAAA,EAAE,KAAAC,EAAAA,MAAAA,IAAS,IAAM,EAAA;AAEpB,QAAI,IAAA,CAAC,OAAQA,CAAAA,MAAK,CAAG,EAAA;AACnB,UAAAA,MAAAA,GAAQ,CAACA,MAAK,CAAA,CAAA;AAAA,SAChB;AACA,QAAA,IAAA,CAAK,MAAS,GAAA;AAAA,UACZ,IAAM,EAAA,GAAA;AAAA,UACN,QAAUA,EAAAA,MAAAA;AAAA,UACV,KAAO,EAAA,WAAA;AAAA,SACT,CAAA;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAa,WAAW,KAAM,EAAA,CAAA;AAIpC,IAAM,MAAAC,QAAA,GAAS,SAASC,MAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,OAAO,GAAI,EAAA,CAAA;AACjB,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AACxB,IAAM,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAO,QAAA,CAAS,KAAM,CAAA,SAAS,CAAI,GAAA,CAAA,EAAG,KAAM,CAAA,SAAS,CAAO,EAAA,CAAA,GAAA,KAAA,CAAM,SAAU,CAAA,CAAA;AACvG,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,UAAA,GAAa,SAAS,OAAO,EAAE,GAAGD,QAAQ,EAAA,GAAG,KAAM,CAAA,WAAA,EAAc,CAAA,CAAA,CAAA;AACvE,IAAM,MAAA,EAAE,KAAM,EAAA,GAAI,aAAc,EAAA,CAAA;AAChC,IAAM,MAAA,KAAA,GAAQ,IAAI,IAAI,CAAA,CAAA;AACtB,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,KAAM,CAAA,QAAA,IAAY,EAAE,CAAA,CAAA;AAE1C,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAK,IAAA,CAAA,mBAAA,EAAqB,GAAO,IAAA,EAAE,CAAA,CAAA;AAAA,OACrC;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,QAAkB,KAAA;AACrC,MAAA,KAAA,CAAM,KAAQ,GAAA,IAAA,CAAA;AACd,MAAA,SAAA,CAAU,KAAQ,GAAA,QAAA,CAAA;AAAA,KACpB,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,OAA8B,KAAA;AAClD,MAAA,IAAI,CAAC,OAAS,EAAA;AACZ,QAAA,OAAA,GAAU,KAAM,CAAA,OAAA,CAAA;AAAA,OAClB;AAEA,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,iBACP,OAAS,EAAA;AAClB,QAAI,IAAA,IAAA,CAAA;AACJ,QAAI,IAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACrB,UAAO,IAAA,GAAA,OAAA,CAAA;AAAA,SACF,MAAA;AACL,UAAO,IAAA,GAAA;AAAA,YACL,GAAK,EAAA,OAAA;AAAA,YACL,MAAQ,EAAA,MAAA;AAAA,WACV,CAAA;AAAA,SACF;AACA,QAAA,OAAA,CAAQ,IAAI,CAAA,CACT,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,UAAA,SAAA,CAAU,QAAQ,GAAI,CAAA,IAAA,CAAA;AACtB,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,SACjB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,UAAA,OAAA,CAAQ,MAAM,GAAG,CAAA,CAAA;AAAA,SAClB,CAAA,CAAA;AAAA,OACL;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAA,CAAK,KACF,CAAA,QAAA,EACA,CAAA,IAAA,CAAK,MAAM;AACV,QAAK,IAAA,CAAA,KAAA,CACF,MAAO,CAAA,CAAC,IAAc,KAAA;AACrB,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACd,CAAA,CACA,KAAM,CAAA,CAAC,IAAiB,KAAA;AACvB,UAAU,SAAA,CAAA,OAAA,CAAQ,OAAO,MAAO,CAAA,IAAI,EAAE,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,OAAO,CAAA,CAAA;AAAA,SACpD,CAAA,CAAA;AAAA,OACJ,CAAA,CACA,KAAM,CAAA,CAAC,IAAiB,KAAA;AACvB,QAAU,SAAA,CAAA,OAAA,CAAQ,OAAO,MAAO,CAAA,IAAI,EAAE,CAAC,CAAA,CAAE,CAAC,CAAA,CAAE,OAAO,CAAA,CAAA;AAAA,OACpD,CAAA,CAAA;AAAA,KACL,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,CAAC,IAAc,KAAA;AAC9B,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,OACxB;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAQ,OAAA,CAAA;AAAA,UACN,GAAK,EAAA,KAAA,CAAM,IAAO,GAAA,SAAA,CAAU,KAAM,CAAA,MAAA;AAAA,UAClC,MAAA,EAAQ,UAAU,KAAM,CAAA,MAAA;AAAA,UACxB,IAAA,EAAM,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,SACxB,CAAA,CACE,IAAK,CAAA,CAAC,GAAQ,KAAA;AACb,UAAU,SAAA,CAAA,OAAA,CAAQ,IAAI,GAAG,CAAA,CAAA;AACzB,UAAK,IAAA,CAAA,QAAA,EAAU,MAAM,GAAG,CAAA,CAAA;AACxB,UAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,SACvB,CAAA,CACA,KAAM,CAAA,CAAC,GAAQ,KAAA;AACd,UAAU,SAAA,CAAA,KAAA,CAAM,IAAI,GAAG,CAAA,CAAA;AACvB,UAAK,IAAA,CAAA,MAAA,EAAQ,MAAM,GAAG,CAAA,CAAA;AACtB,UAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,SACvB,CAAA,CAAA;AAAA,OACE,MAAA;AACL,QAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,SAAA,CAAU,MAAM;AACd,MAAa,YAAA,EAAA,CAAA;AAAA,KACd,CAAA,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,UAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkForm',\n});\n</script>\n<template>\n  <DkDialog\n    v-if=\"props.isDialog\"\n    v-model=\"showDialog\"\n    :title=\"_formData?.title ? _formData?.title : '表单'\"\n    :width=\"dialogWidth\"\n    :default-fullscreen=\"isFullscreen\"\n    min-height=\"200px\"\n    :draggable=\"draggable\"\n    append-to-body\n  >\n    <div :style=\"dialogStyle\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        style=\"padding: 10px\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n  </DkDialog>\n  <div v-else>\n    <div :style=\"{ minHeight }\" class=\"dk-form\">\n      <FormCreate\n        v-model=\"value\"\n        :option=\"formConfig\"\n        :rule=\"_formData.rules\"\n        :handle-icon=\"false\"\n        class=\"formBox\"\n        @update:api=\"fApi = $event\"\n        @update:value=\"value = $event\"\n      />\n      <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n        <slot name=\"buttons\">\n          <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交 </el-button>\n        </slot>\n      </div>\n    </div>\n    <!--    <div v-else :style=\"{ minHeight }\"></div>-->\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isNumber, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n  name: 'help',\n  init({ value }, rule) {\n    // 判断value是字符串还是数组,如果是字符串则转换为数组，如果是数组则不变\n    if (!isArray(value)) {\n      value = [value]\n    }\n    rule.suffix = {\n      type: 'p',\n      children: value,\n      class: 'form-help',\n    }\n  },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n  () => value.value,\n  (val) => {\n    emit('update:modelValue', val || {})\n  }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n  let defaultWidth = '800px'\n  if (props.dialog?.width) {\n    defaultWidth = props.dialog?.width\n  }\n  if (_formData.value?.config?.width) {\n    defaultWidth = _formData.value?.config?.width\n  }\n  return width.value < 768 ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n  const style = {\n    minHeight: undefined,\n    maxHeight: undefined,\n  }\n  if (props.dialog?.minHeight) {\n    style.minHeight = props.dialog?.minHeight\n  }\n  if (props.dialog?.maxHeight) {\n    style.maxHeight = props.dialog?.maxHeight\n  }\n  if (_formData.value?.config?.minHeight) {\n    style.minHeight = _formData.value?.config?.minHeight\n  }\n  if (_formData.value?.config?.maxHeight) {\n    style.maxHeight = _formData.value?.config?.maxHeight\n  }\n  return style\n})\nconst draggable = computed(() => {\n  let draggable = true\n  if (props.dialog?.draggable) {\n    draggable = props.dialog?.draggable\n  }\n  if (_formData.value?.config?.draggable !== undefined) {\n    draggable = _formData.value?.config?.draggable\n  }\n  return draggable\n})\n// 是否全屏\nconst isFullscreen = computed(() => {\n  let defaultFullscreen = false\n  if (props.dialog?.width) {\n    defaultFullscreen = props.dialog?.fullscreen\n  }\n  if (_formData.value?.config?.fullscreen) {\n    defaultFullscreen = _formData.value?.config?.fullscreen\n  }\n  if (width.value < 768) {\n    defaultFullscreen = true\n  }\n  return defaultFullscreen\n})\n\nconst setFormData = (formData: any) => {\n  value.value = null\n  _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n  if (!formUrl) {\n    formUrl = props.formUrl\n  }\n\n  if (props.formData) {\n    loading.value = false\n  } else if (formUrl) {\n    let data: {}\n    if (isObject(formUrl)) {\n      data = formUrl\n    } else {\n      data = {\n        url: formUrl,\n        method: 'post',\n      }\n    }\n    request(data)\n      .then((res) => {\n        _formData.value = res.data\n        loading.value = false\n      })\n      .catch((res) => {\n        loading.value = false\n        console.error(res)\n      })\n  }\n}\n\nconst checkForm = () => {\n  fApi.value\n    .validate()\n    .then(() => {\n      fApi.value\n        .submit((data: any) => {\n          onSubmit(data)\n        })\n        .catch((fail: object) => {\n          ElMessage.warning(Object.values(fail)[0][0].message)\n        })\n    })\n    .catch((fail: object) => {\n      ElMessage.warning(Object.values(fail)[0][0].message)\n    })\n}\n\nconst onSubmit = (data: any) => {\n  if (props.isLoading) {\n    buttonLoading.value = true\n  }\n  if (props.isSubmit) {\n    request({\n      url: props.path + _formData.value.action,\n      method: _formData.value.method,\n      data: { formData: data },\n    })\n      .then((res) => {\n        ElMessage.success(res.msg)\n        emit('submit', data, res)\n        buttonLoading.value = false\n      })\n      .catch((res) => {\n        ElMessage.error(res.msg)\n        emit('fail', data, res)\n        buttonLoading.value = false\n      })\n  } else {\n    emit('submit', data)\n    buttonLoading.value = false\n  }\n  showDialog.value = false\n}\n\nconst show = () => {\n  showDialog.value = true\n}\nonMounted(() => {\n  initFormData()\n})\n// 导出\ndefineExpose({\n  showDialog,\n  buttonLoading,\n  fApi,\n  value,\n  show,\n  checkForm,\n  onSubmit,\n  initFormData,\n  setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","value","config","_config","draggable"],"mappings":"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"}

package/es/form/src/props.d.ts

@@ -26,7 +26,7 @@ export declare const formProps: {
     };
     minHeight: {
         default: string;
-        type: (StringConstructor | NumberConstructor)[];
+        type: StringConstructor;
     };
     isDialog: {
         default: boolean;
@@ -37,7 +37,12 @@ export declare const formProps: {
         type: BooleanConstructor;
     };
     dialog: {
-        default: () => {};
+        default: () => {
+            width: string;
+            fullscreen: boolean;
+            minHeight: string;
+            draggable: boolean;
+        };
         type: ObjectConstructor;
     };
 };

package/es/form/src/props.mjs

@@ -17,7 +17,7 @@ const formProps = {
   // 显示加载
   isLoading: { default: true, type: Boolean },
   // 默认高度
-  minHeight: { default: "100px", type: [String, Number] },
+  minHeight: { default: "300px", type: String },
   // 是否为弹窗
   isDialog: { default: false, type: Boolean },
   // 弹窗显示后获取formData
@@ -25,7 +25,12 @@ const formProps = {
   // 弹窗配置
   dialog: {
     default: () => {
-      return {};
+      return {
+        width: "800px",
+        fullscreen: false,
+        minHeight: "200px",
+        draggable: true
+      };
     },
     type: Object
   }

package/es/form/src/props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.mjs","sources":["../../../src/form/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const formProps = {\n  // 表单数据\n  formData: { type: Object, default: null },\n  // 是否提交\n  isSubmit: { type: Boolean, default: true },\n  // 表单配置\n  extraConfig: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  // 表单路径\n  path: { default: '', type: String },\n  // 表单接口\n  formUrl: { default: '', type: [String, Object] },\n  // 显示加载\n  isLoading: { default: true, type: Boolean },\n  // 默认高度\n  minHeight: { default: '100px', type: [String, Number] },\n  // 是否为弹窗\n  isDialog: { default: false, type: Boolean },\n  // 弹窗显示后获取formData\n  dialogWait: { default: true, type: Boolean },\n  // 弹窗配置\n  dialog: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n}\n\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":[],"mappings":"AAEO,MAAM,SAAY,GAAA;AAAA;AAAA,EAEvB,QAAU,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,IAAK,EAAA;AAAA;AAAA,EAExC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA;AAAA,EAEzC,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA;AAAA,EAElC,OAAA,EAAS,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAE/C,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,SAAA,EAAW,EAAE,OAAS,EAAA,OAAA,EAAS,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAEtD,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,UAAY,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE3C,MAAQ,EAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}
+{"version":3,"file":"props.mjs","sources":["../../../src/form/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const formProps = {\n  // 表单数据\n  formData: { type: Object, default: null },\n  // 是否提交\n  isSubmit: { type: Boolean, default: true },\n  // 表单配置\n  extraConfig: {\n    default: () => {\n      return {}\n    },\n    type: Object,\n  },\n  // 表单路径\n  path: { default: '', type: String },\n  // 表单接口\n  formUrl: { default: '', type: [String, Object] },\n  // 显示加载\n  isLoading: { default: true, type: Boolean },\n  // 默认高度\n  minHeight: { default: '300px', type: String },\n  // 是否为弹窗\n  isDialog: { default: false, type: Boolean },\n  // 弹窗显示后获取formData\n  dialogWait: { default: true, type: Boolean },\n  // 弹窗配置\n  dialog: {\n    default: () => {\n      return {\n        width: '800px',\n        fullscreen: false,\n        minHeight: '200px',\n        draggable: true,\n      }\n    },\n    type: Object,\n  },\n}\n\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":[],"mappings":"AAEO,MAAM,SAAY,GAAA;AAAA;AAAA,EAEvB,QAAU,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,IAAK,EAAA;AAAA;AAAA,EAExC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA;AAAA,EAEzC,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA;AAAA,EAElC,OAAA,EAAS,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAE/C,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,SAAW,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,MAAM,MAAO,EAAA;AAAA;AAAA,EAE5C,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,UAAY,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE3C,MAAQ,EAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,OAAA;AAAA,QACP,UAAY,EAAA,KAAA;AAAA,QACZ,SAAW,EAAA,OAAA;AAAA,QACX,SAAW,EAAA,IAAA;AAAA,OACb,CAAA;AAAA,KACF;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}

package/es/icon/index.d.ts

@@ -4,14 +4,12 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
         $data: {};
         $props: {
             icon?: string | undefined;
-            color?: string | undefined;
-            size?: number | undefined;
-            hoverColor?: string | undefined;
             showEl?: boolean | undefined;
             showVant?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             class?: unknown;
+            readonly color?: string | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -53,6 +51,8 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            readonly size?: number | undefined;
+            readonly hoverColor?: string | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -72,18 +72,9 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
                 default: string;
                 type: StringConstructor;
             };
-            color: {
-                default: string;
-                type: StringConstructor;
-            };
-            size: {
-                default: number;
-                type: NumberConstructor;
-            };
-            hoverColor: {
-                default: string;
-                type: StringConstructor;
-            };
+            color: StringConstructor;
+            size: NumberConstructor;
+            hoverColor: StringConstructor;
             showEl: {
                 default: boolean;
                 type: BooleanConstructor;
@@ -94,9 +85,6 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             icon: string;
-            color: string;
-            size: number;
-            hoverColor: string;
             showEl: boolean;
             showVant: boolean;
         }, {}, string, {}> & {
@@ -124,18 +112,9 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
             default: string;
             type: StringConstructor;
         };
-        color: {
-            default: string;
-            type: StringConstructor;
-        };
-        size: {
-            default: number;
-            type: NumberConstructor;
-        };
-        hoverColor: {
-            default: string;
-            type: StringConstructor;
-        };
+        color: StringConstructor;
+        size: NumberConstructor;
+        hoverColor: StringConstructor;
         showEl: {
             default: boolean;
             type: BooleanConstructor;
@@ -153,18 +132,9 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
         default: string;
         type: StringConstructor;
     };
-    color: {
-        default: string;
-        type: StringConstructor;
-    };
-    size: {
-        default: number;
-        type: NumberConstructor;
-    };
-    hoverColor: {
-        default: string;
-        type: StringConstructor;
-    };
+    color: StringConstructor;
+    size: NumberConstructor;
+    hoverColor: StringConstructor;
     showEl: {
         default: boolean;
         type: BooleanConstructor;
@@ -175,9 +145,6 @@ export declare const Icon: import("@vipl520/utils").WithInstall<{
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     icon: string;
-    color: string;
-    size: number;
-    hoverColor: string;
     showEl: boolean;
     showVant: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/es/icon/src/icon.vue.d.ts

@@ -3,18 +3,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-    color: {
-        default: string;
-        type: StringConstructor;
-    };
-    size: {
-        default: number;
-        type: NumberConstructor;
-    };
-    hoverColor: {
-        default: string;
-        type: StringConstructor;
-    };
+    color: StringConstructor;
+    size: NumberConstructor;
+    hoverColor: StringConstructor;
     showEl: {
         default: boolean;
         type: BooleanConstructor;
@@ -28,18 +19,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-    color: {
-        default: string;
-        type: StringConstructor;
-    };
-    size: {
-        default: number;
-        type: NumberConstructor;
-    };
-    hoverColor: {
-        default: string;
-        type: StringConstructor;
-    };
+    color: StringConstructor;
+    size: NumberConstructor;
+    hoverColor: StringConstructor;
     showEl: {
         default: boolean;
         type: BooleanConstructor;
@@ -50,9 +32,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     icon: string;
-    color: string;
-    size: number;
-    hoverColor: string;
     showEl: boolean;
     showVant: boolean;
 }, {}>, {

package/es/icon/src/icon.vue2.mjs

@@ -18,12 +18,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return key;
     });
     const getIconifyStyle = computed(() => {
-      const { color, size } = props;
-      return {
-        fontSize: `${size}px`,
-        color,
-        "--hover-color": props.hoverColor
-      };
+      const { color, size, hoverColor } = props;
+      const style = {};
+      if (color)
+        style.color = color;
+      if (size)
+        style.fontSize = `${size}px`;
+      if (hoverColor)
+        style["--hover-color"] = hoverColor;
+      return style;
     });
     const iconType = computed(() => {
       let type = "cloud";

package/es/icon/src/icon.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icon.vue2.mjs","sources":["../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIcon',\n});\n</script>\n<template>\n  <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n    <slot>\n      <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n      <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n      <van-icon v-if=\"iconType === 'vant'\" :class=\"bem()\" :name=\"props.icon\" :style=\"getIconifyStyle\"></van-icon>\n    </slot>\n  </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n  return key\n})\nconst getIconifyStyle = computed(() => {\n  const { color, size } = props\n  return {\n    fontSize: `${size}px`,\n    color,\n    '--hover-color': props.hoverColor,\n  }\n})\n\nconst iconType = computed(() => {\n  let type = 'cloud'\n  if (elIcons.includes(props.icon) && props.showEl) {\n    type = 'el'\n  }\n  if (props.showVant) {\n    // 这里类型有些问题\n    if (icons.basic.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.outline.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.filled.includes(props.icon)) {\n      type = 'vant'\n    }\n  }\n  return type\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAoBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAK,mBAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACxB,MAAO,OAAA;AAAA,QACL,QAAA,EAAU,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QACjB,KAAA;AAAA,QACA,iBAAiB,KAAM,CAAA,UAAA;AAAA,OACzB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIcon',\n});\n</script>\n<template>\n  <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n    <slot>\n      <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n      <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n      <van-icon v-if=\"iconType === 'vant'\" :class=\"bem()\" :name=\"props.icon\" :style=\"getIconifyStyle\"></van-icon>\n    </slot>\n  </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n  return key\n})\nconst getIconifyStyle = computed(() => {\n  const { color, size, hoverColor } = props\n  const style: any = {}\n  if (color) style.color = color\n  if (size) style.fontSize = `${size}px`\n  if (hoverColor) style['--hover-color'] = hoverColor\n  return style\n})\n\nconst iconType = computed(() => {\n  let type = 'cloud'\n  if (elIcons.includes(props.icon) && props.showEl) {\n    type = 'el'\n  }\n  if (props.showVant) {\n    // 这里类型有些问题\n    if (icons.basic.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.outline.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.filled.includes(props.icon)) {\n      type = 'vant'\n    }\n  }\n  return type\n})\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAoBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAK,mBAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkB,SAAS,MAAM;AACrC,MAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACpC,MAAA,MAAM,QAAa,EAAC,CAAA;AACpB,MAAI,IAAA,KAAA;AAAO,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA;AACzB,MAAI,IAAA,IAAA;AAAM,QAAM,KAAA,CAAA,QAAA,GAAW,GAAG,IAAI,CAAA,EAAA,CAAA,CAAA;AAClC,MAAI,IAAA,UAAA;AAAY,QAAA,KAAA,CAAM,eAAe,CAAI,GAAA,UAAA,CAAA;AACzC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/icon/src/props.d.ts

@@ -7,18 +7,9 @@ export declare const iconProps: {
         default: string;
         type: StringConstructor;
     };
-    color: {
-        default: string;
-        type: StringConstructor;
-    };
-    size: {
-        default: number;
-        type: NumberConstructor;
-    };
-    hoverColor: {
-        default: string;
-        type: StringConstructor;
-    };
+    color: StringConstructor;
+    size: NumberConstructor;
+    hoverColor: StringConstructor;
     showEl: {
         default: boolean;
         type: BooleanConstructor;

package/es/icon/src/props.mjs

@@ -8,20 +8,11 @@ const iconProps = {
     type: String
   },
   // icon color
-  color: {
-    default: "",
-    type: String
-  },
+  color: String,
   // icon size
-  size: {
-    default: 14,
-    type: Number
-  },
+  size: Number,
   // icon hover
-  hoverColor: {
-    default: "",
-    type: String
-  },
+  hoverColor: String,
   showEl: {
     default: true,
     type: Boolean

package/es/icon/src/props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.mjs","sources":["../../../src/icon/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = {\n  /**\n   * 类型定义\n   */\n  // icon name\n  icon: {\n    default: '',\n    type: String,\n  },\n  // icon color\n  color: {\n    default: '',\n    type: String,\n  },\n  // icon size\n  size: {\n    default: 14,\n    type: Number,\n  },\n  // icon hover\n  hoverColor: {\n    default: '',\n    type: String,\n  },\n  showEl: {\n    default: true,\n    type: Boolean,\n  },\n  showVant: {\n    default: true,\n    type: Boolean,\n  },\n}\n\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":[],"mappings":"AAEO,MAAM,SAAY,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvB,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AACF;;;;"}
+{"version":3,"file":"props.mjs","sources":["../../../src/icon/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = {\n  /**\n   * 类型定义\n   */\n  // icon name\n  icon: {\n    default: '',\n    type: String,\n  },\n  // icon color\n  color: String,\n  // icon size\n  size: Number,\n  // icon hover\n  hoverColor: String,\n  showEl: {\n    default: true,\n    type: Boolean,\n  },\n  showVant: {\n    default: true,\n    type: Boolean,\n  },\n}\n\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":[],"mappings":"AAEO,MAAM,SAAY,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvB,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,KAAO,EAAA,MAAA;AAAA;AAAA,EAEP,IAAM,EAAA,MAAA;AAAA;AAAA,EAEN,UAAY,EAAA,MAAA;AAAA,EACZ,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AACF;;;;"}

package/es/index.d.ts

@@ -1,5 +1,4 @@
 import type { App } from 'vue';
-import 'virtual:uno.css';
 export * from './tiny-editor';
 export * from './icon';
 export * from './group';

package/es/index.mjs

@@ -1,4 +1,3 @@
-import 'virtual:uno.css';
 import { Test } from './test/index.mjs';
 import { Group } from './group/index.mjs';
 import { TinyEditor } from './tiny-editor/index.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport 'virtual:uno.css'\nimport { Test } from './test'\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\n\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 海报编辑器 poster-input\n  // TODO Layout布局组件 layout\n  // TODO 应用信息组件 addon-info\n  // TODO 用户信息组件 user-info\n  // TODO 全局Hook组件 global-hook\n  // TODO 前端DIY匹配\n  // TODO 开发者工具(自动CRUD)\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\n\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  // 海报选择器\n  PosterInput,\n  // 海报\n  Poster,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 海报编辑器 poster-input\n  // TODO Layout布局组件 layout\n  // TODO 应用信息组件 addon-info\n  // TODO 用户信息组件 user-info\n  // TODO 全局Hook组件 global-hook\n  // TODO 前端DIY匹配\n  // TODO 开发者工具(自动CRUD)\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}

package/es/index.scss

@@ -40,6 +40,11 @@
   background-color: #ccc;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
 
 /* 由于unocss不支持 单独提取 */
 //.visible{visibility:visible;}

package/es/table/index.d.ts

@@ -4,6 +4,7 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
         $data: {};
         $props: {
             tableApi?: string | undefined;
+            cacheTable?: boolean | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             class?: unknown;
@@ -67,12 +68,17 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
                 default: string;
                 type: StringConstructor;
             };
+            cacheTable: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
         }>>, {
             DkTable: import("./utils/dkTable").default;
             TableRef: import("vue").Ref<any>;
             FormRef: import("vue").Ref<any>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             tableApi: string;
+            cacheTable: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -98,6 +104,10 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
             default: string;
             type: StringConstructor;
         };
+        cacheTable: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
     }>> & import("vue").ShallowUnwrapRef<{
         DkTable: import("./utils/dkTable").default;
         TableRef: import("vue").Ref<any>;
@@ -111,12 +121,17 @@ export declare const Table: import("@vipl520/utils").WithInstall<{
         default: string;
         type: StringConstructor;
     };
+    cacheTable: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>>, {
     DkTable: import("./utils/dkTable").default;
     TableRef: import("vue").Ref<any>;
     FormRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     tableApi: string;
+    cacheTable: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<NonNullable<string | number>, (_: {}) => any>> & Partial<Record<string, (_: any) => any>> & {
         columnPrepend?(_: {}): any;