ll-plus 2.6.21 → 2.6.22

package/es/index.mjs

@@ -135,6 +135,7 @@ export { isArray, isDate, isFunction, isObject, isPromise, isString, isSymbol }
 export { isVNode } from 'vue';
 export { getType, isBoolean, isElement, isEmpty, isNumber, isPropAbsent, isStringNumber, isUndefined, isWindow } from './packages/utils/types.mjs';
 export { dataURLtoBlob, fileToBase64, formatFileSize } from './packages/utils/file.mjs';
+export { deepUnref } from './packages/utils/deepUnref.mjs';
 export { useScroll } from './packages/hooks/use-scroll/index.mjs';
 
 "use strict";

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/utils'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAU,SAAU,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/utils'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAU,SAAU,CAAA;;;;"}

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

@@ -5,6 +5,7 @@ import '../../../utils/index.mjs';
 import FormComponent from './components/form-component.vue.mjs';
 import { formProps, formEmits } from './config/form.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
+import { deepUnref } from '../../../utils/deepUnref.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -20,7 +21,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const formRef = ref();
     const formComponents = ref([]);
     const computedFormColumns = computed(() => {
-      return props.formColumns.map((e) => {
+      const formColumns = deepUnref(props.formColumns);
+      return formColumns.map((e) => {
         e.disabled = has(e, "disabled") ? e.disabled : props.disabled;
         if (e.children && e.children.length) {
           e.children.map((a) => {

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

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <a-form\n        v-bind=\"computedFormOptions\"\n        :id=\"id\"\n        ref=\"formRef\"\n        :model=\"props.formData\"\n      >\n        <a-row v-bind=\"props.rowOptions\">\n          <a-col\n            v-for=\"(item, index) in computedFormColumns\"\n            :key=\"index\"\n            v-bind=\"item?.colOptions ?? {}\"\n            :span=\"item?.spanCol ?? 24\"\n          >\n            <slot name=\"formItem\" :item=\"item\" :index=\"index\">\n              <ll-form-item\n                :name=\"item?.key ?? index\"\n                :class=\"getFormItemClass(item)\"\n                v-bind=\"getBindValue(item)\"\n              >\n                <template #label>\n                  <slot name=\"label\" :item=\"item\" :index=\"index\">\n                    <span>{{ item.label }}</span>\n                    <span v-if=\"item?.tip\" :class=\"bem.e('tooltip-wrapper')\">\n                      <ll-tooltip\n                        style=\"margin-left: 8px\"\n                        :overlay-class-name=\"bem.e('tooltip')\"\n                        :arrow-point-at-center=\"true\"\n                        :max-width=\"item?.tipConfig?.maxWidth ?? 406\"\n                        :placement=\"item?.tipConfig?.placement ?? 'top'\"\n                        :tip=\"item.tip\"\n                        :font-size=\"'16px'\"\n                        v-bind=\"item?.tipConfig\"\n                      />\n                    </span>\n                  </slot>\n                </template>\n                <slot name=\"content\" :item=\"item\" :index=\"index\">\n                  <template v-if=\"!isEmpty(item.children)\">\n                    <a-row :gutter=\"5\" v-bind=\"item.rowOptions\">\n                      <a-col\n                        v-for=\"(child, childIndex) in item.children\"\n                        :key=\"childIndex\"\n                        :style=\"{\n                          display: 'flex',\n                          'align-items': 'center'\n                        }\"\n                        v-bind=\"item?.colOptions ?? {}\"\n                      >\n                        <slot name=\"children\" :item=\"child\" :index=\"index\">\n                          <form-component\n                            :item=\"child\"\n                            :form-data=\"formData\"\n                            @change-field=\"handleChangeField\"\n                          />\n                        </slot>\n                      </a-col>\n                    </a-row>\n                  </template>\n                  <form-component\n                    v-else\n                    :ref=\"el => (formComponents[index] = el)\"\n                    :item=\"item\"\n                    :form-data=\"formData\"\n                    @change-field=\"handleChangeField\"\n                  />\n                </slot>\n              </ll-form-item>\n            </slot>\n          </a-col>\n        </a-row>\n      </a-form>\n    </a-spin>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, watch, onMounted, nextTick, computed } from 'vue'\nimport { omit, isEmpty, has } from 'lodash-es'\nimport { formProps, formEmits, type FormColumn } from './config'\n\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport formComponent from './components/form-component.vue'\n\n// 定义组件名称\ndefineOptions({ name: 'LlForm' })\n\n// Props\nconst props = defineProps(formProps)\n\nconst emits = defineEmits(formEmits)\n\nconst bem = createNamespace('form')\n\nconst formData = reactive(props.formData)\n\nconst formRef = ref()\n\nconst formComponents = ref<InstanceType<typeof formComponent>[]>([])\n\nconst computedFormColumns = computed(() => {\n  return props.formColumns.map(e => {\n    e.disabled = has(e, 'disabled') ? e.disabled : props.disabled\n    if (e.children && e.children.length) {\n      e.children.map(a => {\n        a.disabled = has(a, 'disabled') ? a.disabled : props.disabled\n        return a\n      })\n    }\n    return e\n  })\n})\n\nconst validateFields = computed(() => {\n  return props.formColumns\n    .filter(e => e.required || (has(e, 'rules') && e.rules.length > 0))\n    .map(e => {\n      return e.key\n    })\n})\n\nconst computedFormOptions = computed(() => {\n  return {\n    scrollToFirstError: !props.validateErrorStop,\n    ...props.formOptions\n  }\n})\n\nconst id = ref(`ll-form-${+new Date()}`)\n\nconst validate = async () => {\n  if (props.validateErrorStop) {\n    clearValidate()\n    let bool = true\n    if (!validateFields.value.length) return bool\n    for (const i of validateFields.value) {\n      bool = await formRef.value.validateFields([i])\n      if (!bool) {\n        return bool\n      }\n    }\n  } else {\n    return await formRef.value.validateFields()\n  }\n}\n\nconst resetFields = async () => {\n  return await formRef.value.resetFields()\n}\n\nconst clearValidate = async (nameList?: NamePath[]) => {\n  return await formRef.value.clearValidate(nameList)\n}\n\nconst scrollToField = async (name: NamePath, options?: ScrollOptions) => {\n  return await formRef.value.scrollToField(name, options)\n}\n\nconst getBindValue = (item: FormColumn) => {\n  const obj = { ...item }\n  return omit(obj, ['label'])\n}\n\nconst getFormItemClass = (item = {} as FormColumn) => {\n  if (props.formOptions.layout === 'horizontal') {\n    if (item?.labelCol) {\n      return item.labelCol.span && item.labelCol.span >= 24\n        ? bem.is('label-top')\n        : bem.is('label-left')\n    } else {\n      return bem.is('label-left')\n    }\n  }\n  return bem.is('label-top')\n}\n\nconst handleChangeField = (item: FormColumn) => {\n  emits('change', { item, value: formData[item.key], formData })\n}\n\nwatch(\n  () => props.formData,\n  async val => {\n    for (const i in val) {\n      formData[i] = val[i]\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nonMounted(async () => {\n  await nextTick()\n  if (props.autoFocus) {\n    for (const element of formComponents.value) {\n      const item = element?.getItem()\n      if (['input', 'textarea', 'input-number'].includes(item.type)) {\n        element?.focus()\n        break\n      }\n    }\n  }\n})\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate,\n  scrollToField\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <a-form\n        v-bind=\"computedFormOptions\"\n        :id=\"id\"\n        ref=\"formRef\"\n        :model=\"props.formData\"\n      >\n        <a-row v-bind=\"props.rowOptions\">\n          <a-col\n            v-for=\"(item, index) in computedFormColumns\"\n            :key=\"index\"\n            v-bind=\"item?.colOptions ?? {}\"\n            :span=\"item?.spanCol ?? 24\"\n          >\n            <slot name=\"formItem\" :item=\"item\" :index=\"index\">\n              <ll-form-item\n                :name=\"item?.key ?? index\"\n                :class=\"getFormItemClass(item)\"\n                v-bind=\"getBindValue(item)\"\n              >\n                <template #label>\n                  <slot name=\"label\" :item=\"item\" :index=\"index\">\n                    <span>{{ item.label }}</span>\n                    <span v-if=\"item?.tip\" :class=\"bem.e('tooltip-wrapper')\">\n                      <ll-tooltip\n                        style=\"margin-left: 8px\"\n                        :overlay-class-name=\"bem.e('tooltip')\"\n                        :arrow-point-at-center=\"true\"\n                        :max-width=\"item?.tipConfig?.maxWidth ?? 406\"\n                        :placement=\"item?.tipConfig?.placement ?? 'top'\"\n                        :tip=\"item.tip\"\n                        :font-size=\"'16px'\"\n                        v-bind=\"item?.tipConfig\"\n                      />\n                    </span>\n                  </slot>\n                </template>\n                <slot name=\"content\" :item=\"item\" :index=\"index\">\n                  <template v-if=\"!isEmpty(item.children)\">\n                    <a-row :gutter=\"5\" v-bind=\"item.rowOptions\">\n                      <a-col\n                        v-for=\"(child, childIndex) in item.children\"\n                        :key=\"childIndex\"\n                        :style=\"{\n                          display: 'flex',\n                          'align-items': 'center'\n                        }\"\n                        v-bind=\"item?.colOptions ?? {}\"\n                      >\n                        <slot name=\"children\" :item=\"child\" :index=\"index\">\n                          <form-component\n                            :item=\"child\"\n                            :form-data=\"formData\"\n                            @change-field=\"handleChangeField\"\n                          />\n                        </slot>\n                      </a-col>\n                    </a-row>\n                  </template>\n                  <form-component\n                    v-else\n                    :ref=\"el => (formComponents[index] = el)\"\n                    :item=\"item\"\n                    :form-data=\"formData\"\n                    @change-field=\"handleChangeField\"\n                  />\n                </slot>\n              </ll-form-item>\n            </slot>\n          </a-col>\n        </a-row>\n      </a-form>\n    </a-spin>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, watch, onMounted, nextTick, computed } from 'vue'\nimport { omit, isEmpty, has } from 'lodash-es'\nimport { formProps, formEmits, type FormColumn } from './config'\n\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\nimport { createNamespace, deepUnref } from '@ll-plus/utils'\n\nimport formComponent from './components/form-component.vue'\n\n// 定义组件名称\ndefineOptions({ name: 'LlForm' })\n\n// Props\nconst props = defineProps(formProps)\n\nconst emits = defineEmits(formEmits)\n\nconst bem = createNamespace('form')\n\nconst formData = reactive(props.formData)\n\nconst formRef = ref()\n\nconst formComponents = ref<InstanceType<typeof formComponent>[]>([])\n\nconst computedFormColumns = computed(() => {\n  const formColumns = deepUnref(props.formColumns) as FormColumn[]\n  return formColumns.map(e => {\n    e.disabled = has(e, 'disabled') ? e.disabled : props.disabled\n    if (e.children && e.children.length) {\n      e.children.map(a => {\n        a.disabled = has(a, 'disabled') ? a.disabled : props.disabled\n        return a\n      })\n    }\n    return e\n  })\n})\n\nconst validateFields = computed(() => {\n  return props.formColumns\n    .filter(e => e.required || (has(e, 'rules') && e.rules.length > 0))\n    .map(e => {\n      return e.key\n    })\n})\n\nconst computedFormOptions = computed(() => {\n  return {\n    scrollToFirstError: !props.validateErrorStop,\n    ...props.formOptions\n  }\n})\n\nconst id = ref(`ll-form-${+new Date()}`)\n\nconst validate = async () => {\n  if (props.validateErrorStop) {\n    clearValidate()\n    let bool = true\n    if (!validateFields.value.length) return bool\n    for (const i of validateFields.value) {\n      bool = await formRef.value.validateFields([i])\n      if (!bool) {\n        return bool\n      }\n    }\n  } else {\n    return await formRef.value.validateFields()\n  }\n}\n\nconst resetFields = async () => {\n  return await formRef.value.resetFields()\n}\n\nconst clearValidate = async (nameList?: NamePath[]) => {\n  return await formRef.value.clearValidate(nameList)\n}\n\nconst scrollToField = async (name: NamePath, options?: ScrollOptions) => {\n  return await formRef.value.scrollToField(name, options)\n}\n\nconst getBindValue = (item: FormColumn) => {\n  const obj = { ...item }\n  return omit(obj, ['label'])\n}\n\nconst getFormItemClass = (item = {} as FormColumn) => {\n  if (props.formOptions.layout === 'horizontal') {\n    if (item?.labelCol) {\n      return item.labelCol.span && item.labelCol.span >= 24\n        ? bem.is('label-top')\n        : bem.is('label-left')\n    } else {\n      return bem.is('label-left')\n    }\n  }\n  return bem.is('label-top')\n}\n\nconst handleChangeField = (item: FormColumn) => {\n  emits('change', { item, value: formData[item.key], formData })\n}\n\nwatch(\n  () => props.formData,\n  async val => {\n    for (const i in val) {\n      formData[i] = val[i]\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nonMounted(async () => {\n  await nextTick()\n  if (props.autoFocus) {\n    for (const element of formComponents.value) {\n      const item = element?.getItem()\n      if (['input', 'textarea', 'input-number'].includes(item.type)) {\n        element?.focus()\n        break\n      }\n    }\n  }\n})\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate,\n  scrollToField\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/packages/utils/deepUnref.mjs

@@ -0,0 +1,16 @@
+import { unref } from 'vue';
+
+"use strict";
+const deepUnref = (obj) => {
+  const currentObj = unref(obj);
+  for (const i in obj) {
+    currentObj[i] = unref(obj[i]);
+    if (typeof obj[i] === "object") {
+      currentObj[i] = deepUnref(obj[i]);
+    }
+  }
+  return currentObj;
+};
+
+export { deepUnref };
+//# sourceMappingURL=deepUnref.mjs.map

package/es/packages/utils/deepUnref.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepUnref.mjs","sources":["../../../../packages/utils/deepUnref.ts"],"sourcesContent":["import { unref } from 'vue'\nexport const deepUnref = (\n  obj: any[] | Record<string, any>\n): any[] | Record<string, any> => {\n  const currentObj: any[] | Record<string, any> = unref(obj)\n  for (const i in obj) {\n    currentObj[i] = unref(obj[i])\n    if (typeof obj[i] === 'object') {\n      currentObj[i] = deepUnref(obj[i])\n    }\n  }\n  return currentObj\n}\n"],"names":[],"mappings":";;;AACa,MAAA,SAAA,GAAY,CACvB,GACgC,KAAA;AAChC,EAAM,MAAA,UAAA,GAA0C,MAAM,GAAG,CAAA,CAAA;AACzD,EAAA,KAAA,MAAW,KAAK,GAAK,EAAA;AACnB,IAAA,UAAA,CAAW,CAAC,CAAA,GAAI,KAAM,CAAA,GAAA,CAAI,CAAC,CAAC,CAAA,CAAA;AAC5B,IAAA,IAAI,OAAO,GAAA,CAAI,CAAC,CAAA,KAAM,QAAU,EAAA;AAC9B,MAAA,UAAA,CAAW,CAAC,CAAA,GAAI,SAAU,CAAA,GAAA,CAAI,CAAC,CAAC,CAAA,CAAA;AAAA,KAClC;AAAA,GACF;AACA,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/es/packages/utils/index.mjs

@@ -7,6 +7,7 @@ export { calcRPN, getAmountChinese, getDateTimeUnit, mergeNumberOfExps, thousand
 export { removeQueryString } from './remove-query-string.mjs';
 export { getType, isBoolean, isElement, isEmpty, isNumber, isPropAbsent, isStringNumber, isUndefined, isWindow } from './types.mjs';
 export { dataURLtoBlob, fileToBase64, formatFileSize } from './file.mjs';
+export { deepUnref } from './deepUnref.mjs';
 export { buildProp, buildProps, definePropType, epPropKey, isEpProp } from './props/runtime.mjs';
 export { isArray, isDate, isFunction, isObject, isPromise, isString, isSymbol } from '@vue/shared';
 export { isVNode } from 'vue';

package/es/packages/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/es/utils/deepUnref.d.ts

@@ -0,0 +1 @@
+export declare const deepUnref: (obj: any[] | Record<string, any>) => any[] | Record<string, any>;

package/es/utils/index.d.ts

@@ -7,3 +7,4 @@ export * from './number';
 export * from './remove-query-string';
 export * from './types';
 export * from './file';
+export * from './deepUnref';

package/index.full.js

@@ -1956,6 +1956,17 @@
     return new Blob([u8arr], { type: mime });
   }
 
+  const deepUnref = (obj) => {
+    const currentObj = require$$0.unref(obj);
+    for (const i in obj) {
+      currentObj[i] = require$$0.unref(obj[i]);
+      if (typeof obj[i] === "object") {
+        currentObj[i] = deepUnref(obj[i]);
+      }
+    }
+    return currentObj;
+  };
+
   const ALL_VALUE = "_ALL";
   const initValue = (columns, values) => {
     const copyValues = {};
@@ -61712,7 +61723,8 @@
       const formRef = require$$0.ref();
       const formComponents = require$$0.ref([]);
       const computedFormColumns = require$$0.computed(() => {
-        return props.formColumns.map((e) => {
+        const formColumns = deepUnref(props.formColumns);
+        return formColumns.map((e) => {
           e.disabled = has(e, "disabled") ? e.disabled : props.disabled;
           if (e.children && e.children.length) {
             e.children.map((a) => {
@@ -84108,6 +84120,7 @@
   exports.customOverlay = customOverlay;
   exports.dataURLtoBlob = dataURLtoBlob;
   exports.dateUtil = dateUtil;
+  exports.deepUnref = deepUnref;
   exports.default = installer;
   exports.defaultCropperOptions = defaultCropperOptions;
   exports.defaultEditorConfig = defaultEditorConfig;