@silver-formily/element-plus 2.3.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__builtins__/index.mjs +20 -19
- package/esm/__builtins__/shared/index.mjs +11 -10
- package/esm/__builtins__/shared/transform-component.d.ts +1 -1
- package/esm/__builtins__/shared/utils.d.ts +1 -0
- package/esm/__builtins__/shared/utils.mjs +22 -18
- package/esm/__builtins__/shared/utils.mjs.map +1 -1
- package/esm/array-base/index.mjs +27 -27
- package/esm/array-base/index.mjs.map +1 -1
- package/esm/array-base/symbols.mjs +1 -1
- package/esm/array-base/symbols.mjs.map +1 -1
- package/esm/array-base/utils.d.ts +0 -1
- package/esm/array-base/utils.mjs +27 -35
- package/esm/array-base/utils.mjs.map +1 -1
- package/esm/array-cards/index.mjs +1 -1
- package/esm/array-cards/index.mjs.map +1 -1
- package/esm/array-collapse/index.mjs +2 -5
- package/esm/array-collapse/index.mjs.map +1 -1
- package/esm/array-items/index.mjs +1 -1
- package/esm/array-list-tabs/index.mjs +9 -9
- package/esm/array-table/index.mjs +7 -9
- package/esm/array-table/index.mjs.map +1 -1
- package/esm/array-tabs/index.mjs +1 -2
- package/esm/array-tabs/index.mjs.map +1 -1
- package/esm/autocomplete/autocomplete.d.ts +16 -16
- package/esm/autocomplete/index.d.ts +8 -8
- package/esm/autocomplete/index.mjs +2 -2
- package/esm/autocomplete/index.mjs.map +1 -1
- package/esm/cascader/index.mjs +2 -2
- package/esm/checkbox/index.d.ts +27 -27
- package/esm/checkbox/index.mjs +7 -12
- package/esm/checkbox/index.mjs.map +1 -1
- package/esm/editable/editable.d.ts +14 -12
- package/esm/editable/index.d.ts +7 -6
- package/esm/editable/index.mjs +57 -61
- package/esm/editable/index.mjs.map +1 -1
- package/esm/env.d.d.ts +1 -0
- package/esm/form/form.mjs +5 -5
- package/esm/form-button-group/form-button-group.d.ts +9 -0
- package/esm/form-button-group/index.d.ts +15 -0
- package/esm/form-button-group/index.mjs +33 -25
- package/esm/form-button-group/index.mjs.map +1 -1
- package/esm/form-collapse/index.mjs +1 -1
- package/esm/form-collapse/utils.mjs +0 -2
- package/esm/form-collapse/utils.mjs.map +1 -1
- package/esm/form-dialog/index.mjs +63 -70
- package/esm/form-dialog/index.mjs.map +1 -1
- package/esm/form-drawer/index.mjs +62 -69
- package/esm/form-drawer/index.mjs.map +1 -1
- package/esm/form-grid/form-grid.d.ts +2 -2
- package/esm/form-grid/hooks.d.ts +1 -2
- package/esm/form-grid/hooks.mjs +4 -11
- package/esm/form-grid/hooks.mjs.map +1 -1
- package/esm/form-grid/index.mjs +38 -35
- package/esm/form-grid/index.mjs.map +1 -1
- package/esm/form-item/index.d.ts +1 -0
- package/esm/form-item/index.mjs +102 -107
- package/esm/form-item/index.mjs.map +1 -1
- package/esm/form-item/types.d.ts +12 -6
- package/esm/form-layout/form-layout.mjs +2 -2
- package/esm/form-layout/utils.mjs +24 -24
- package/esm/form-layout/utils.mjs.map +1 -1
- package/esm/form-step/index.mjs +2 -2
- package/esm/form-step/utils.mjs +0 -3
- package/esm/form-step/utils.mjs.map +1 -1
- package/esm/form-tab/hooks.d.ts +2 -1
- package/esm/form-tab/hooks.mjs +13 -20
- package/esm/form-tab/hooks.mjs.map +1 -1
- package/esm/form-tab/index.mjs +38 -39
- package/esm/form-tab/index.mjs.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.mjs +62 -58
- package/esm/index.mjs.map +1 -1
- package/esm/input/index.mjs +2 -2
- package/esm/input-number/index.d.ts +15 -15
- package/esm/input-tag/index.mjs +2 -2
- package/esm/mention/index.mjs +2 -2
- package/esm/pagination/pagination.mjs +1 -1
- package/esm/pagination/pagination.mjs.map +1 -1
- package/esm/preview-text/index.mjs +33 -42
- package/esm/preview-text/index.mjs.map +1 -1
- package/esm/preview-text/utils.mjs +1 -1
- package/esm/preview-text/utils.mjs.map +1 -1
- package/esm/query-form/default-components.d.ts +5 -0
- package/esm/query-form/default-components.mjs +47 -0
- package/esm/query-form/default-components.mjs.map +1 -0
- package/esm/query-form/hooks.d.ts +25 -0
- package/esm/query-form/hooks.mjs +29 -0
- package/esm/query-form/hooks.mjs.map +1 -0
- package/esm/query-form/index.d.ts +117 -0
- package/esm/query-form/index.mjs +331 -0
- package/esm/query-form/index.mjs.map +1 -0
- package/esm/query-form/query-form-light.d.ts +27 -0
- package/esm/query-form/query-form.d.ts +52 -0
- package/esm/query-form/types.d.ts +44 -0
- package/esm/query-form/types.mjs +2 -0
- package/esm/query-form/types.mjs.map +1 -0
- package/esm/query-form-item/index.d.ts +151 -0
- package/esm/query-form-item/index.mjs +181 -0
- package/esm/query-form-item/index.mjs.map +1 -0
- package/esm/query-form-item/query-form-item.d.ts +96 -0
- package/esm/query-form-item/types.d.ts +46 -0
- package/esm/query-form-item/types.mjs +2 -0
- package/esm/query-form-item/types.mjs.map +1 -0
- package/esm/radio/index.d.ts +18 -18
- package/esm/radio/index.mjs +7 -12
- package/esm/radio/index.mjs.map +1 -1
- package/esm/reset/index.mjs +2 -2
- package/esm/segmented/index.mjs +2 -2
- package/esm/select/index.d.ts +16 -16
- package/esm/select/index.mjs +1 -1
- package/esm/select-table/index.d.ts +6 -6
- package/esm/select-table/index.mjs +22 -24
- package/esm/select-table/index.mjs.map +1 -1
- package/esm/select-table/select-table.d.ts +2 -2
- package/esm/shared/overlay-elements.mjs +14 -11
- package/esm/shared/overlay-elements.mjs.map +1 -1
- package/esm/styles/form-button-group/index.css +1 -1
- package/esm/styles/form-grid/index.css +1 -1
- package/esm/styles/form-item/index.css +1 -1
- package/esm/styles/query-form/index.css +1 -0
- package/esm/styles/query-form-item/index.css +1 -0
- package/esm/submit/index.mjs +3 -3
- package/esm/submit/index.mjs.map +1 -1
- package/esm/switch/index.d.ts +9 -9
- package/esm/time-select/index.d.ts +12 -12
- package/esm/transfer/index.d.ts +12 -12
- package/esm/tree/index.mjs +3 -3
- package/esm/tree/utils.mjs +0 -2
- package/esm/tree/utils.mjs.map +1 -1
- package/esm/tree-select/index.mjs +2 -2
- package/esm/upload/index.d.ts +12 -12
- package/esm/upload/index.mjs +3 -3
- package/esm/upload/upload.d.ts +24 -24
- package/esm/vendor/icon.mjs.map +1 -1
- package/esm/vendor/lodash.mjs +777 -663
- package/esm/vendor/lodash.mjs.map +1 -1
- package/esm/vendor/runtime.mjs +23 -29
- package/esm/vendor/runtime.mjs.map +1 -1
- package/esm/vendor/shared.esm-bundler.mjs +2 -7
- package/esm/vendor/shared.esm-bundler.mjs.map +1 -1
- package/esm/vendor/sizes.mjs.map +1 -1
- package/esm/vendor/types.mjs +5 -5
- package/esm/vendor/types.mjs.map +1 -1
- package/package.json +89 -115
- package/LICENSE +0 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/array-cards/array-cards.vue","../../src/array-cards/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElCard, ElEmpty, ElRow } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayCards',\r\n})\r\n\r\nconst props = withDefaults(defineProps<{\r\n title?: string\r\n header?: string\r\n footer?: string\r\n bodyStyle?: Record<string, string>\r\n bodyClass?: string\r\n shadow?: 'always' | 'hover' | 'never'\r\n modelValue: any\r\n}>(), {\r\n shadow: 'never',\r\n})\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst prefixCls = `${stylePrefix}-array-cards`\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst dataSource = ref(isArr(field.value) ? field.value : [])\n\r\nautorun(() => {\n dataSource.value = isArr(field.value) ? [...field.value] : []\n})\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase :key-map=\"keyMap\">\r\n <!-- 空状态渲染 -->\r\n <ElCard\r\n v-if=\"!(isArr(field.value) && field.value.length > 0)\"\r\n :class=\"`${prefixCls}-item`\"\r\n v-bind=\"props\"\r\n >\r\n <ElEmpty />\r\n </ElCard>\r\n\r\n <!-- 数据项渲染 -->\r\n <template v-if=\"isArr(props.modelValue)\">\r\n <ArrayBase.Item\r\n v-for=\"(item, index) of dataSource\"\r\n :key=\"getKey(item, index)\"\r\n :index=\"index\"\r\n :record=\"item\"\r\n >\r\n <ElCard\r\n v-bind=\"props\"\r\n :class=\"`${prefixCls}-item`\"\r\n >\r\n <template #header>\r\n <ElRow type=\"flex\" justify=\"space-between\">\r\n <span>\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n {{ getArrayItemSchema(schema, index).title ?? props.title ?? field.title }}\r\n </span>\r\n <span :class=\"`${prefixCls}-extra-container`\">\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n </span>\r\n </ElRow>\r\n </template>\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\r\n />\r\n </ElCard>\r\n </ArrayBase.Item>\r\n </template>\r\n\r\n <!-- 添加按钮渲染 -->\r\n <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\r\n <RecursionField\r\n v-if=\"isAdditionComponent(itemSchema)\"\r\n :schema=\"itemSchema\"\r\n name=\"addition\"\r\n />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayCardsInner from './array-cards.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayCards = composeExport(ArrayCardsInner, {\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayCards\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","prefixCls","stylePrefix","getKey","keyMap","ArrayBase","dataSource","ref","isArr","autorun","_createElementBlock","_createVNode","_unref","_openBlock","_createBlock","_mergeProps","ElEmpty","_Fragment","_renderList","item","index","ElCard","ElRow","_createElementVNode","RecursionField","getArrayItemSchema","isIndexComponent","_createTextVNode","_toDisplayString","isOperationComponent","itemSchema","key","isAdditionComponent","ArrayCards","composeExport","ArrayCardsInner"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/array-cards/array-cards.vue","../../src/array-cards/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElCard, ElEmpty, ElRow } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayCards',\r\n})\r\n\r\nconst props = withDefaults(defineProps<{\r\n title?: string\r\n header?: string\r\n footer?: string\r\n bodyStyle?: Record<string, string>\r\n bodyClass?: string\r\n shadow?: 'always' | 'hover' | 'never'\r\n modelValue: any\r\n}>(), {\r\n shadow: 'never',\r\n})\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst prefixCls = `${stylePrefix}-array-cards`\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst dataSource = ref(isArr(field.value) ? field.value : [])\r\n\r\nautorun(() => {\r\n dataSource.value = isArr(field.value) ? [...field.value] : []\r\n})\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase :key-map=\"keyMap\">\r\n <!-- 空状态渲染 -->\r\n <ElCard\r\n v-if=\"!(isArr(field.value) && field.value.length > 0)\"\r\n :class=\"`${prefixCls}-item`\"\r\n v-bind=\"props\"\r\n >\r\n <ElEmpty />\r\n </ElCard>\r\n\r\n <!-- 数据项渲染 -->\r\n <template v-if=\"isArr(props.modelValue)\">\r\n <ArrayBase.Item\r\n v-for=\"(item, index) of dataSource\"\r\n :key=\"getKey(item, index)\"\r\n :index=\"index\"\r\n :record=\"item\"\r\n >\r\n <ElCard\r\n v-bind=\"props\"\r\n :class=\"`${prefixCls}-item`\"\r\n >\r\n <template #header>\r\n <ElRow type=\"flex\" justify=\"space-between\">\r\n <span>\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n {{ getArrayItemSchema(schema, index).title ?? props.title ?? field.title }}\r\n </span>\r\n <span :class=\"`${prefixCls}-extra-container`\">\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n </span>\r\n </ElRow>\r\n </template>\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\r\n />\r\n </ElCard>\r\n </ArrayBase.Item>\r\n </template>\r\n\r\n <!-- 添加按钮渲染 -->\r\n <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\r\n <RecursionField\r\n v-if=\"isAdditionComponent(itemSchema)\"\r\n :schema=\"itemSchema\"\r\n name=\"addition\"\r\n />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayCardsInner from './array-cards.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayCards = composeExport(ArrayCardsInner, {\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayCards\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","prefixCls","stylePrefix","getKey","keyMap","ArrayBase","dataSource","ref","isArr","autorun","_createElementBlock","_createVNode","_unref","_openBlock","_createBlock","_mergeProps","ElEmpty","_Fragment","_renderList","item","index","ElCard","ElRow","_createElementVNode","RecursionField","getArrayItemSchema","isIndexComponent","_createTextVNode","_toDisplayString","isOperationComponent","itemSchema","key","isAdditionComponent","ArrayCards","composeExport","ArrayCardsInner"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ArrayBase as o } from "../array-base/index.mjs";
|
|
2
|
-
import { defineComponent as N,
|
|
2
|
+
import { defineComponent as N, openBlock as l, createBlock as d, unref as e, mergeProps as E, withCtx as f, renderSlot as $, createElementVNode as w, createCommentVNode as S, createVNode as g, normalizeClass as D, createTextVNode as T, toDisplayString as j, ref as B, watchEffect as G, createElementBlock as A, Fragment as R, renderList as M } from "vue";
|
|
3
3
|
import { isArr as C } from "@formily/shared";
|
|
4
4
|
import { formilyComputed as J } from "@silver-formily/reactive-vue";
|
|
5
5
|
import { useField as P, useFieldSchema as U, RecursionField as I } from "@silver-formily/vue";
|
|
@@ -82,10 +82,7 @@ import '../styles/array-collapse/index.css';const oe = { style: { flex: "1", dis
|
|
|
82
82
|
return t ? 0 : a < n ? F(a) : F(n);
|
|
83
83
|
}
|
|
84
84
|
function q(a, n, t = !1) {
|
|
85
|
-
|
|
86
|
-
return n;
|
|
87
|
-
/* istanbul ignore if -- @preserve */
|
|
88
|
-
return C(a) ? a.length <= n ? a.concat(n) : a.reduce((i, p) => p === n ? [...i, p, p + 1] : i.concat(p + 1), []) : n;
|
|
85
|
+
return t || !C(a) ? n : a.length <= n ? a.concat(n) : a.reduce((i, p) => p === n ? [...i, p, p + 1] : i.concat(p + 1), []);
|
|
89
86
|
}
|
|
90
87
|
G(() => {
|
|
91
88
|
!r.modified && s.value.length > 0 && (c.value = O(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/array-collapse/array-collapse-item.vue","../../src/array-collapse/array-collapse.vue","../../src/array-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { isArr } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElCollapseItem } from 'element-plus'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { isIndexComponent, isOperationComponent, useIndex } from '../array-base/utils'\r\nimport { prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayCollapseItem',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst schema = schemaRef.value.parent\r\nconst index = useIndex()\r\nconst errorCount = formilyComputed(() => {\r\n const path = field.address.concat()\r\n return field.form.queryFeedbacks({\r\n type: 'error',\r\n address: `${path}.**`,\r\n }).length\r\n})\r\n\r\nconst { props: collapseItemProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n <ElCollapseItem :name=\"index\" v-bind=\"collapseItemProps\">\r\n <template #title>\r\n <div style=\"flex: 1;display: flex;align-items: center;\">\r\n <RecursionField\r\n v-if=\"!isArr(schema.items)\"\r\n :schema=\"schema.items\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n <slot name=\"title\">\r\n <ElBadge\r\n :class=\"[`${prefixCls}-errors-badge`]\"\r\n :value=\"errorCount\"\r\n :offset=\"[5, -2]\"\r\n :hidden=\"errorCount === 0\"\r\n >\r\n {{ schema.items?.['x-component-props']?.title }}\r\n </ElBadge>\r\n </slot>\r\n </div>\r\n <div>\r\n <RecursionField\r\n :schema=\"Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n </div>\r\n </template>\r\n <slot />\r\n </ElCollapseItem>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport {\r\n ElCard,\r\n ElCollapse,\r\n ElEmpty,\r\n} from 'element-plus'\r\nimport { ref, watchEffect } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\r\nimport { prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayCollapse',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n modelValue: {},\r\n defaultOpenPanelCount: {\r\n type: Number,\r\n default: 5,\r\n },\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst { props: collapseProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\r\nconst activeKeys = ref<number[] | number>([])\r\n\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst dataSource = ref(isArr(field.value) ? field.value : [])\n\r\nautorun(() => {\n dataSource.value = isArr(field.value) ? [...field.value] : []\n})\n\r\nfunction range(count: number) {\r\n return Array.from({ length: count }).map((_, i) => i)\r\n}\r\n\r\nfunction takeDefaultActiveKeys(dataSourceLength: number, defaultOpenPanelCount: number, accordion = false) {\r\n if (accordion) {\r\n return 0\r\n }\r\n if (dataSourceLength < defaultOpenPanelCount)\r\n return range(dataSourceLength)\r\n\r\n return range(defaultOpenPanelCount)\r\n}\r\n\r\nfunction insertActiveKeys(activeKeys: number[] | number, index: number, accordion = false) {\r\n if (accordion)\r\n return index\r\n /* istanbul ignore if -- @preserve */\r\n if (!isArr(activeKeys))\r\n return index\r\n if (activeKeys.length <= index)\r\n return (activeKeys).concat(index)\r\n return (activeKeys).reduce((buf, key) => {\r\n if (key === index)\r\n return [...buf, key, key + 1]\r\n return buf.concat(key + 1)\r\n }, [])\r\n}\r\n\r\nwatchEffect(() => {\r\n if (!field.modified && dataSource.value.length > 0) {\r\n activeKeys.value = takeDefaultActiveKeys(\r\n dataSource.value.length,\r\n props.defaultOpenPanelCount,\r\n collapseProps.value.accordion as boolean,\r\n )\r\n }\r\n})\r\n\r\nfunction handleCollapseChange(keys: number[] | number) {\r\n activeKeys.value = keys\r\n}\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase\r\n :key=\"dataSource.length\"\r\n :key-map=\"keyMap\"\r\n :add=\"(index: number) => {\r\n activeKeys = insertActiveKeys(\r\n activeKeys,\r\n index,\r\n collapseProps.accordion as boolean,\r\n )\r\n }\"\r\n >\r\n <template v-if=\"!Array.isArray(props.modelValue) || props.modelValue.length === 0\">\r\n <ElCard :class=\"[`${prefixCls}-item`]\" shadow=\"never\" v-bind=\"collapseProps\" :header=\"collapseProps.title || field.title\">\r\n <ElEmpty />\r\n </ElCard>\r\n </template>\r\n <template v-else>\r\n <ElCollapse\r\n :model-value=\"activeKeys\"\r\n :class=\"`${prefixCls}-item`\"\r\n v-bind=\"collapseProps\"\r\n @change=\"handleCollapseChange\"\r\n >\r\n <ArrayBase.Item v-for=\"(item, index) of dataSource\" :key=\"getKey(item, index)\" :index=\"index\" :record=\"item\">\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\r\n />\r\n </ArrayBase.Item>\r\n </ElCollapse>\r\n </template>\r\n <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\r\n <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayCollapseItem from './array-collapse-item.vue'\r\nimport ArrayCollapseInner from './array-collapse.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayCollapse = composeExport(ArrayCollapseInner, {\r\n Item: ArrayCollapseItem,\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayCollapse\r\n"],"names":["field","useField","schema","useFieldSchema","index","useIndex","errorCount","formilyComputed","path","collapseItemProps","useCleanAttrs","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_hoisted_1","isArr","RecursionField","isIndexComponent","_renderSlot","_ctx","_createVNode","ElBadge","prefixCls","isOperationComponent","props","__props","fieldRef","schemaRef","collapseProps","activeKeys","ref","getKey","keyMap","ArrayBase","dataSource","autorun","range","count","_","i","takeDefaultActiveKeys","dataSourceLength","defaultOpenPanelCount","accordion","insertActiveKeys","buf","key","watchEffect","handleCollapseChange","keys","_createElementBlock","ElEmpty","_Fragment","_renderList","item","getArrayItemSchema","itemSchema","isAdditionComponent","ArrayCollapse","composeExport","ArrayCollapseInner","ArrayCollapseItem"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/array-collapse/array-collapse-item.vue","../../src/array-collapse/array-collapse.vue","../../src/array-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { isArr } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElCollapseItem } from 'element-plus'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { isIndexComponent, isOperationComponent, useIndex } from '../array-base/utils'\r\nimport { prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayCollapseItem',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst schema = schemaRef.value.parent\r\nconst index = useIndex()\r\nconst errorCount = formilyComputed(() => {\r\n const path = field.address.concat()\r\n return field.form.queryFeedbacks({\r\n type: 'error',\r\n address: `${path}.**`,\r\n }).length\r\n})\r\n\r\nconst { props: collapseItemProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n <ElCollapseItem :name=\"index\" v-bind=\"collapseItemProps\">\r\n <template #title>\r\n <div style=\"flex: 1;display: flex;align-items: center;\">\r\n <RecursionField\r\n v-if=\"!isArr(schema.items)\"\r\n :schema=\"schema.items\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n <slot name=\"title\">\r\n <ElBadge\r\n :class=\"[`${prefixCls}-errors-badge`]\"\r\n :value=\"errorCount\"\r\n :offset=\"[5, -2]\"\r\n :hidden=\"errorCount === 0\"\r\n >\r\n {{ schema.items?.['x-component-props']?.title }}\r\n </ElBadge>\r\n </slot>\r\n </div>\r\n <div>\r\n <RecursionField\r\n :schema=\"Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\r\n :only-render-properties=\"true\"\r\n />\r\n </div>\r\n </template>\r\n <slot />\r\n </ElCollapseItem>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport {\r\n ElCard,\r\n ElCollapse,\r\n ElEmpty,\r\n} from 'element-plus'\r\nimport { ref, watchEffect } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\r\nimport { prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayCollapse',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n modelValue: {},\r\n defaultOpenPanelCount: {\r\n type: Number,\r\n default: 5,\r\n },\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst { props: collapseProps } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\r\nconst activeKeys = ref<number[] | number>([])\r\n\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst dataSource = ref(isArr(field.value) ? field.value : [])\r\n\r\nautorun(() => {\r\n dataSource.value = isArr(field.value) ? [...field.value] : []\r\n})\r\n\r\nfunction range(count: number) {\r\n return Array.from({ length: count }).map((_, i) => i)\r\n}\r\n\r\nfunction takeDefaultActiveKeys(dataSourceLength: number, defaultOpenPanelCount: number, accordion = false) {\r\n if (accordion) {\r\n return 0\r\n }\r\n if (dataSourceLength < defaultOpenPanelCount)\r\n return range(dataSourceLength)\r\n\r\n return range(defaultOpenPanelCount)\r\n}\r\n\r\nfunction insertActiveKeys(activeKeys: number[] | number, index: number, accordion = false) {\r\n if (accordion)\r\n return index\r\n /* istanbul ignore if -- @preserve */\r\n if (!isArr(activeKeys))\r\n return index\r\n if (activeKeys.length <= index)\r\n return (activeKeys).concat(index)\r\n return (activeKeys).reduce((buf, key) => {\r\n if (key === index)\r\n return [...buf, key, key + 1]\r\n return buf.concat(key + 1)\r\n }, [])\r\n}\r\n\r\nwatchEffect(() => {\r\n if (!field.modified && dataSource.value.length > 0) {\r\n activeKeys.value = takeDefaultActiveKeys(\r\n dataSource.value.length,\r\n props.defaultOpenPanelCount,\r\n collapseProps.value.accordion as boolean,\r\n )\r\n }\r\n})\r\n\r\nfunction handleCollapseChange(keys: number[] | number) {\r\n activeKeys.value = keys\r\n}\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase\r\n :key=\"dataSource.length\"\r\n :key-map=\"keyMap\"\r\n :add=\"(index: number) => {\r\n activeKeys = insertActiveKeys(\r\n activeKeys,\r\n index,\r\n collapseProps.accordion as boolean,\r\n )\r\n }\"\r\n >\r\n <template v-if=\"!Array.isArray(props.modelValue) || props.modelValue.length === 0\">\r\n <ElCard :class=\"[`${prefixCls}-item`]\" shadow=\"never\" v-bind=\"collapseProps\" :header=\"collapseProps.title || field.title\">\r\n <ElEmpty />\r\n </ElCard>\r\n </template>\r\n <template v-else>\r\n <ElCollapse\r\n :model-value=\"activeKeys\"\r\n :class=\"`${prefixCls}-item`\"\r\n v-bind=\"collapseProps\"\r\n @change=\"handleCollapseChange\"\r\n >\r\n <ArrayBase.Item v-for=\"(item, index) of dataSource\" :key=\"getKey(item, index)\" :index=\"index\" :record=\"item\">\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\r\n />\r\n </ArrayBase.Item>\r\n </ElCollapse>\r\n </template>\r\n <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\r\n <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayCollapseItem from './array-collapse-item.vue'\r\nimport ArrayCollapseInner from './array-collapse.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayCollapse = composeExport(ArrayCollapseInner, {\r\n Item: ArrayCollapseItem,\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayCollapse\r\n"],"names":["field","useField","schema","useFieldSchema","index","useIndex","errorCount","formilyComputed","path","collapseItemProps","useCleanAttrs","_openBlock","_createBlock","_unref","_mergeProps","_createElementVNode","_hoisted_1","isArr","RecursionField","isIndexComponent","_renderSlot","_ctx","_createVNode","ElBadge","prefixCls","isOperationComponent","props","__props","fieldRef","schemaRef","collapseProps","activeKeys","ref","getKey","keyMap","ArrayBase","dataSource","autorun","range","count","_","i","takeDefaultActiveKeys","dataSourceLength","defaultOpenPanelCount","accordion","insertActiveKeys","buf","key","watchEffect","handleCollapseChange","keys","_createElementBlock","ElEmpty","_Fragment","_renderList","item","getArrayItemSchema","itemSchema","isAdditionComponent","ArrayCollapse","composeExport","ArrayCollapseInner","ArrayCollapseItem"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ArrayBase as r } from "../array-base/index.mjs";
|
|
2
|
-
import { defineComponent as S,
|
|
2
|
+
import { defineComponent as S, openBlock as t, createElementBlock as n, normalizeClass as h, renderSlot as V, ref as $, mergeProps as B, unref as e, createBlock as f, withCtx as y, createVNode as C, Fragment as v, renderList as R, createCommentVNode as D } from "vue";
|
|
3
3
|
import { stylePrefix as I } from "../__builtins__/configs/index.mjs";
|
|
4
4
|
import { autorun as E } from "@formily/reactive";
|
|
5
5
|
import { isArr as _ } from "@formily/shared";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ArrayBase as y } from "../array-base/index.mjs";
|
|
2
|
-
import { defineComponent as P, ref as A,
|
|
2
|
+
import { defineComponent as P, ref as A, openBlock as a, createElementBlock as s, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as I, createVNode as k, Fragment as b, renderList as F, toDisplayString as q, createCommentVNode as T, normalizeStyle as z } from "vue";
|
|
3
3
|
import { autorun as V } from "@formily/reactive";
|
|
4
4
|
import { isArr as w } from "@formily/shared";
|
|
5
5
|
import { formilyComputed as K } from "@silver-formily/reactive-vue";
|
|
@@ -71,7 +71,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
|
|
|
71
71
|
I("ul", {
|
|
72
72
|
class: i(`${e(n)}_list`)
|
|
73
73
|
}, [
|
|
74
|
-
|
|
74
|
+
k(e(M), {
|
|
75
75
|
class: i(`${e(n)}_list--scroll-wrapper`)
|
|
76
76
|
}, {
|
|
77
77
|
default: h(() => [
|
|
@@ -95,7 +95,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
|
|
|
95
95
|
I("div", {
|
|
96
96
|
class: i(`${e(n)}_list-item--content`)
|
|
97
97
|
}, [
|
|
98
|
-
|
|
98
|
+
k(e(G), {
|
|
99
99
|
class: i([`${e(n)}-errors-badge`]),
|
|
100
100
|
value: e(v)[t],
|
|
101
101
|
offset: [5, 0],
|
|
@@ -103,7 +103,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
|
|
|
103
103
|
}, {
|
|
104
104
|
default: h(() => [
|
|
105
105
|
o.showTitleFieldInTab ? (a(), s(b, { key: 1 }, [
|
|
106
|
-
e(w)(e(p).items) ?
|
|
106
|
+
e(w)(e(p).items) ? T("", !0) : (a(), d(e(_), {
|
|
107
107
|
key: 0,
|
|
108
108
|
schema: e(p).items,
|
|
109
109
|
name: t,
|
|
@@ -118,7 +118,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
|
|
|
118
118
|
_: 2
|
|
119
119
|
}, 1032, ["class", "value", "hidden"])
|
|
120
120
|
], 2),
|
|
121
|
-
e(w)(e(p).items) ?
|
|
121
|
+
e(w)(e(p).items) ? T("", !0) : (a(), d(e(_), {
|
|
122
122
|
key: 0,
|
|
123
123
|
schema: e(p).items,
|
|
124
124
|
name: t,
|
|
@@ -137,15 +137,15 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
|
|
|
137
137
|
key: 0,
|
|
138
138
|
schema: r,
|
|
139
139
|
name: "addition"
|
|
140
|
-
}, null, 8, ["schema"])) :
|
|
140
|
+
}, null, 8, ["schema"])) : T("", !0)
|
|
141
141
|
], 64))), 128))
|
|
142
142
|
], 2),
|
|
143
143
|
o.modelValue.length === 0 ? (a(), s("div", {
|
|
144
144
|
key: 0,
|
|
145
145
|
class: i(`${e(n)}-tabpane`)
|
|
146
146
|
}, [
|
|
147
|
-
|
|
148
|
-
], 2)) :
|
|
147
|
+
k(e(H), { "image-size": 100 })
|
|
148
|
+
], 2)) : T("", !0),
|
|
149
149
|
(a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
|
|
150
150
|
key: e(C)(r, t),
|
|
151
151
|
index: t,
|
|
@@ -160,7 +160,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
|
|
|
160
160
|
role: "tabpanel",
|
|
161
161
|
"aria-labelledby": `${e(l).props.name}-tab-${t}`
|
|
162
162
|
}, [
|
|
163
|
-
|
|
163
|
+
k(e(_), {
|
|
164
164
|
schema: e(O)(e(p), t),
|
|
165
165
|
name: t,
|
|
166
166
|
"filter-properties": (c) => e(B)(c) ? !1 : o.showTitleFieldInTab ? !e(E)(c, o.tabTitleField) : !0,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ArrayBase as o } from "../array-base/index.mjs";
|
|
2
|
-
import { defineComponent as Y, computed as y, ref as g, watch as Z,
|
|
2
|
+
import { defineComponent as Y, computed as y, ref as g, watch as Z, openBlock as n, createElementBlock as m, normalizeClass as z, unref as t, createBlock as i, withCtx as f, createVNode as ee, withDirectives as re, mergeProps as k, Fragment as h, renderList as A, resolveDynamicComponent as ae, createElementVNode as te, createTextVNode as ne, toDisplayString as oe, createCommentVNode as _, nextTick as le } from "vue";
|
|
3
3
|
import { reaction as se, autorun as ue } from "@formily/reactive";
|
|
4
4
|
import { isEqual as ie, isArr as R } from "@formily/shared";
|
|
5
5
|
import { formilyComputed as pe } from "@silver-formily/reactive-vue";
|
|
@@ -29,7 +29,6 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
|
|
|
29
29
|
}
|
|
30
30
|
function H(a) {
|
|
31
31
|
const r = a["x-component-props"]?.prop || a.name;
|
|
32
|
-
/* istanbul ignore if -- @preserve */
|
|
33
32
|
if (!r)
|
|
34
33
|
return [];
|
|
35
34
|
const e = x.value.query(x.value.address.concat(r)).take();
|
|
@@ -55,7 +54,6 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
|
|
|
55
54
|
}, { equals: ie });
|
|
56
55
|
const v = g([]), d = g(c.paginationProps?.pageSize ?? 10), p = g(c.paginationProps?.currentPage ?? 1);
|
|
57
56
|
function M() {
|
|
58
|
-
/* istanbul ignore if -- @preserve */
|
|
59
57
|
if (!R(l.value)) {
|
|
60
58
|
v.value = [];
|
|
61
59
|
return;
|
|
@@ -130,7 +128,7 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
|
|
|
130
128
|
data: v.value
|
|
131
129
|
}, t(B)), {
|
|
132
130
|
default: f(() => [
|
|
133
|
-
(n(!0), m(h, null,
|
|
131
|
+
(n(!0), m(h, null, A(K.value, (e, u) => (n(), i(t(fe), k({
|
|
134
132
|
key: e.key,
|
|
135
133
|
ref_for: !0
|
|
136
134
|
}, e.props), {
|
|
@@ -160,7 +158,7 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
|
|
|
160
158
|
class: z(`${t(D)}-asterisk`)
|
|
161
159
|
}, "*", 2),
|
|
162
160
|
ne(" " + oe(s.label), 1)
|
|
163
|
-
])) :
|
|
161
|
+
])) : _("", !0)
|
|
164
162
|
]),
|
|
165
163
|
_: 2
|
|
166
164
|
}, 1040))), 128))
|
|
@@ -172,7 +170,7 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
|
|
|
172
170
|
]),
|
|
173
171
|
_: 1
|
|
174
172
|
}, 8, ["model-value", "handle"]),
|
|
175
|
-
(n(!0), m(h, null,
|
|
173
|
+
(n(!0), m(h, null, A(L.value, (e, u) => (n(), i(t(w), {
|
|
176
174
|
key: u,
|
|
177
175
|
name: e.name,
|
|
178
176
|
schema: e.schema,
|
|
@@ -188,13 +186,13 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
|
|
|
188
186
|
background: "",
|
|
189
187
|
layout: "total, sizes, prev, pager, next",
|
|
190
188
|
total: c.modelValue.length
|
|
191
|
-
}, N.value), null, 16, ["current-page", "page-size", "class", "total"])) :
|
|
192
|
-
(n(!0), m(h, null,
|
|
189
|
+
}, N.value), null, 16, ["current-page", "page-size", "class", "total"])) : _("", !0),
|
|
190
|
+
(n(!0), m(h, null, A(U.value, (e, u) => (n(), m(h, { key: u }, [
|
|
193
191
|
t(ge)(e) ? (n(), i(t(w), {
|
|
194
192
|
key: 0,
|
|
195
193
|
schema: e,
|
|
196
194
|
name: "addition"
|
|
197
|
-
}, null, 8, ["schema"])) :
|
|
195
|
+
}, null, 8, ["schema"])) : _("", !0)
|
|
198
196
|
], 64))), 128))
|
|
199
197
|
]),
|
|
200
198
|
_: 1
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/array-table/array-table.vue","../../src/array-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { Schema } from '@formily/json-schema'\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { IArrayTableProps } from './types'\r\nimport { autorun, reaction } from '@formily/reactive'\r\nimport { isArr, isEqual } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElTable, ElTableColumn, vLoading } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { isAdditionComponent } from '../array-base/utils'\r\nimport ElPagination from '../pagination/pagination'\r\nimport { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayTable',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IArrayTableProps>(), {\r\n modelValue: () => [],\r\n pagination: true,\r\n})\r\nconst { props: elTableProps } = useCleanAttrs()\r\nconst paginationProps = computed(() => omit(props.paginationProps, ['pageSize', 'currentPage']))\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst additionSchemas = computed<Record<string, Schema>>(() => schemaRef.value?.properties ?? {})\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst elTableRef = ref<TableInstance>()\r\n\r\nfunction extractTableSources(schema: Schema): any[] {\r\n if (isTableComponent(schema)) {\r\n return createTableSource(schema)\r\n }\r\n return schema.properties\r\n ? Object.values(schema.properties).flatMap(element => extractTableSources(element))\r\n : []\r\n}\r\n\r\nfunction createTableSource(schema: Schema): any[] {\r\n const propName = schema['x-component-props']?.prop || schema.name\r\n /* istanbul ignore if -- @preserve */\r\n if (!propName)\r\n return []\r\n\r\n const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take()\r\n\r\n return [{\r\n name: propName,\r\n display: field?.display || schema['x-display'],\r\n required: hasRequiredProperty(schema),\r\n field,\r\n fieldProps: field?.props || schema.toFieldProps(),\r\n schema,\r\n columnProps: (field?.component as any[])?.[1] || schema['x-component-props'] || {},\r\n }]\r\n}\r\n\r\nconst triggerUpdateKey = ref(0)\r\nreaction(() => {\r\n const path = field.path.entire\r\n return field.query(`${path}.*`).map((item) => {\r\n return {\r\n name: item.component[0],\r\n visible: item.visible,\r\n }\r\n }).filter(item => item.name.includes('Column'))\r\n}, async () => {\r\n triggerUpdateKey.value++\r\n}, { equals: isEqual })\r\n\r\nconst dataSource = ref([])\r\nconst pageSize = ref(props.paginationProps?.pageSize ?? 10)\r\nconst currentPage = ref(props.paginationProps?.currentPage ?? 1)\r\n\r\nfunction updateDataSource() {\r\n /* istanbul ignore if -- @preserve */\r\n if (!isArr(field.value)) {\r\n dataSource.value = []\r\n return\r\n }\r\n if (props.pagination === false) {\r\n dataSource.value = [...field.value]\r\n return\r\n }\r\n dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, (currentPage.value) * pageSize.value)\r\n}\r\nwatch([pageSize, currentPage], updateDataSource)\r\nautorun(updateDataSource)\r\n\r\nconst sources = formilyComputed(() => {\r\n const schema = schemaRef.value.items\r\n const items = isArr(schema) ? schema : [schema]\r\n return items.reduce((columns, schema) => {\r\n const item = extractTableSources(schema)\r\n return columns.concat(item)\r\n }, []).filter(item => item.display !== 'none')\r\n})\r\n\r\nconst columns = computed(() => {\r\n const currentSources = sources.value ?? []\r\n return currentSources\r\n .map((source, index) => ({ source, index }))\r\n .filter(({ source }) => source.display === 'visible' && isColumnComponent(source.schema))\r\n .map(({ source, index: key }) => {\r\n const { name, columnProps, required, field } = source\r\n const { title, asterisk, ...restProps } = columnProps\r\n const props = {\r\n label: title,\r\n ...restProps,\r\n prop: name,\r\n }\r\n return {\r\n key,\r\n props,\r\n field,\r\n asterisk: asterisk ?? required,\r\n }\r\n })\r\n})\r\n\r\nconst stateManagerColumns = computed(() => {\r\n const currentSources = sources.value ?? []\r\n return currentSources.filter((column) => {\r\n return column.display !== 'none' && isColumnComponent(column.schema)\r\n })\r\n})\r\n\r\nconst baseIndex = computed(() => {\r\n return (currentPage.value - 1) * pageSize.value\r\n})\r\n\r\nasync function onAddItemClick() {\r\n if (props.pagination === false) {\r\n await nextTick()\r\n const scrollWarpDOM = elTableRef.value?.$el.querySelector('.el-scrollbar__wrap')\r\n scrollWarpDOM?.scrollTo({\r\n top: scrollWarpDOM.scrollHeight,\r\n behavior: 'smooth',\r\n })\r\n return\r\n }\r\n if (!isArr(field.value)) {\r\n currentPage.value = 1\r\n return\r\n }\r\n currentPage.value = Math.ceil(field.value.length / pageSize.value)\r\n}\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n const { oldIndex, newIndex } = evt\r\n await field.move(oldIndex, newIndex)\r\n triggerUpdateKey.value++\r\n}\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\" :add=\"onAddItemClick\">\r\n <VueDraggable\r\n :model-value=\"dataSource\" target=\"tbody\" :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n :animation=\"150\" @end=\"handleDragEnd\"\r\n >\r\n <ElTable ref=\"elTableRef\" v-loading=\"field.loading\" :row-key=\"getKey\" :data=\"dataSource\" v-bind=\"elTableProps\">\r\n <template v-for=\"(column, colIndex) of columns\" :key=\"column.key\">\r\n <ElTableColumn v-bind=\"column.props\">\r\n <template #default=\"{ row, $index }\">\r\n <ArrayBase.Item :key=\"getKey(row)\" :index=\"$index + baseIndex\" :record=\"row\">\r\n <RecursionField\r\n :key=\"`${getKey(row)}`\" :schema=\"sources[colIndex].schema\"\r\n :name=\"$index + baseIndex\" only-render-properties\r\n />\r\n </ArrayBase.Item>\r\n </template>\r\n <template #header=\"{ column: col }\">\r\n <template v-if=\"column.field.content?.header\">\r\n <component :is=\"column.field.content.header\" v-bind=\"{ ...col, field }\" />\r\n </template>\r\n <span v-else-if=\"column.asterisk\">\r\n <span :class=\"`${prefixCls}-asterisk`\">*</span>\r\n {{ col.label }}\r\n </span>\r\n </template>\r\n </ElTableColumn>\r\n </template>\r\n </ElTable>\r\n </VueDraggable>\r\n\r\n <!-- 状态管理器 -->\r\n <template v-for=\"(column, key) of stateManagerColumns\" :key=\"key\">\r\n <RecursionField :name=\"column.name\" :schema=\"column.schema\" :only-render-self=\"true\" />\r\n </template>\r\n <ElPagination\r\n v-if=\"props.pagination\" v-model:current-page=\"currentPage\" v-model:page-size=\"pageSize\"\r\n :class=\"`${prefixCls}-pagination`\" background layout=\"total, sizes, prev, pager, next\"\r\n :total=\"props.modelValue.length\" v-bind=\"paginationProps\"\r\n />\r\n <template v-for=\"(itemSchema, key) of additionSchemas\" :key=\"key\">\r\n <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import type { Component } from 'vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayTableInner from './array-table.vue'\r\nimport './style.scss'\r\n\r\nconst ArrayTableColumn: Component = {\r\n name: 'FArrayTableColumn',\r\n render() {\r\n return null\r\n },\r\n}\r\n\r\nexport const ArrayTable = composeExport(ArrayTableInner, {\r\n Column: ArrayTableColumn,\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayTable\r\n"],"names":["props","__props","elTableProps","useCleanAttrs","paginationProps","computed","omit","fieldRef","useField","field","schemaRef","useFieldSchema","additionSchemas","getKey","keyMap","ArrayBase","elTableRef","ref","extractTableSources","schema","isTableComponent","createTableSource","element","propName","hasRequiredProperty","triggerUpdateKey","reaction","path","item","isEqual","dataSource","pageSize","currentPage","updateDataSource","isArr","watch","autorun","sources","formilyComputed","columns","source","index","isColumnComponent","key","name","columnProps","required","title","asterisk","restProps","stateManagerColumns","column","baseIndex","onAddItemClick","nextTick","scrollWarpDOM","handleDragEnd","evt","oldIndex","newIndex","_createElementBlock","_unref","prefixCls","_createBlock","_createVNode","VueDraggable","stylePrefix","_withDirectives","_openBlock","_mergeProps","_Fragment","_renderList","colIndex","_withCtx","row","$index","RecursionField","col","_resolveDynamicComponent","_hoisted_1","_createElementVNode","_toDisplayString","vLoading","$event","itemSchema","isAdditionComponent","ArrayTableColumn","ArrayTable","composeExport","ArrayTableInner"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/array-table/array-table.vue","../../src/array-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { Schema } from '@formily/json-schema'\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { IArrayTableProps } from './types'\r\nimport { autorun, reaction } from '@formily/reactive'\r\nimport { isArr, isEqual } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElTable, ElTableColumn, vLoading } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { isAdditionComponent } from '../array-base/utils'\r\nimport ElPagination from '../pagination/pagination'\r\nimport { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayTable',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IArrayTableProps>(), {\r\n modelValue: () => [],\r\n pagination: true,\r\n})\r\nconst { props: elTableProps } = useCleanAttrs()\r\nconst paginationProps = computed(() => omit(props.paginationProps, ['pageSize', 'currentPage']))\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst additionSchemas = computed<Record<string, Schema>>(() => schemaRef.value?.properties ?? {})\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst elTableRef = ref<TableInstance>()\r\n\r\nfunction extractTableSources(schema: Schema): any[] {\r\n if (isTableComponent(schema)) {\r\n return createTableSource(schema)\r\n }\r\n return schema.properties\r\n ? Object.values(schema.properties).flatMap(element => extractTableSources(element))\r\n : []\r\n}\r\n\r\nfunction createTableSource(schema: Schema): any[] {\r\n const propName = schema['x-component-props']?.prop || schema.name\r\n /* istanbul ignore if -- @preserve */\r\n if (!propName)\r\n return []\r\n\r\n const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take()\r\n\r\n return [{\r\n name: propName,\r\n display: field?.display || schema['x-display'],\r\n required: hasRequiredProperty(schema),\r\n field,\r\n fieldProps: field?.props || schema.toFieldProps(),\r\n schema,\r\n columnProps: (field?.component as any[])?.[1] || schema['x-component-props'] || {},\r\n }]\r\n}\r\n\r\nconst triggerUpdateKey = ref(0)\r\nreaction(() => {\r\n const path = field.path.entire\r\n return field.query(`${path}.*`).map((item) => {\r\n return {\r\n name: item.component[0],\r\n visible: item.visible,\r\n }\r\n }).filter(item => item.name.includes('Column'))\r\n}, async () => {\r\n triggerUpdateKey.value++\r\n}, { equals: isEqual })\r\n\r\nconst dataSource = ref([])\r\nconst pageSize = ref(props.paginationProps?.pageSize ?? 10)\r\nconst currentPage = ref(props.paginationProps?.currentPage ?? 1)\r\n\r\nfunction updateDataSource() {\r\n /* istanbul ignore if -- @preserve */\r\n if (!isArr(field.value)) {\r\n dataSource.value = []\r\n return\r\n }\r\n if (props.pagination === false) {\r\n dataSource.value = [...field.value]\r\n return\r\n }\r\n dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, (currentPage.value) * pageSize.value)\r\n}\r\nwatch([pageSize, currentPage], updateDataSource)\r\nautorun(updateDataSource)\r\n\r\nconst sources = formilyComputed(() => {\r\n const schema = schemaRef.value.items\r\n const items = isArr(schema) ? schema : [schema]\r\n return items.reduce((columns, schema) => {\r\n const item = extractTableSources(schema)\r\n return columns.concat(item)\r\n }, []).filter(item => item.display !== 'none')\r\n})\r\n\r\nconst columns = computed(() => {\r\n const currentSources = sources.value ?? []\r\n return currentSources\r\n .map((source, index) => ({ source, index }))\r\n .filter(({ source }) => source.display === 'visible' && isColumnComponent(source.schema))\r\n .map(({ source, index: key }) => {\r\n const { name, columnProps, required, field } = source\r\n const { title, asterisk, ...restProps } = columnProps\r\n const props = {\r\n label: title,\r\n ...restProps,\r\n prop: name,\r\n }\r\n return {\r\n key,\r\n props,\r\n field,\r\n asterisk: asterisk ?? required,\r\n }\r\n })\r\n})\r\n\r\nconst stateManagerColumns = computed(() => {\r\n const currentSources = sources.value ?? []\r\n return currentSources.filter((column) => {\r\n return column.display !== 'none' && isColumnComponent(column.schema)\r\n })\r\n})\r\n\r\nconst baseIndex = computed(() => {\r\n return (currentPage.value - 1) * pageSize.value\r\n})\r\n\r\nasync function onAddItemClick() {\r\n if (props.pagination === false) {\r\n await nextTick()\r\n const scrollWarpDOM = elTableRef.value?.$el.querySelector('.el-scrollbar__wrap')\r\n scrollWarpDOM?.scrollTo({\r\n top: scrollWarpDOM.scrollHeight,\r\n behavior: 'smooth',\r\n })\r\n return\r\n }\r\n /* istanbul ignore if -- @preserve */\r\n if (!isArr(field.value)) {\r\n currentPage.value = 1\r\n return\r\n }\r\n currentPage.value = Math.ceil(field.value.length / pageSize.value)\r\n}\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n const { oldIndex, newIndex } = evt\r\n await field.move(oldIndex, newIndex)\r\n triggerUpdateKey.value++\r\n}\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\" :add=\"onAddItemClick\">\r\n <VueDraggable\r\n :model-value=\"dataSource\" target=\"tbody\" :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n :animation=\"150\" @end=\"handleDragEnd\"\r\n >\r\n <ElTable ref=\"elTableRef\" v-loading=\"field.loading\" :row-key=\"getKey\" :data=\"dataSource\" v-bind=\"elTableProps\">\r\n <template v-for=\"(column, colIndex) of columns\" :key=\"column.key\">\r\n <ElTableColumn v-bind=\"column.props\">\r\n <template #default=\"{ row, $index }\">\r\n <ArrayBase.Item :key=\"getKey(row)\" :index=\"$index + baseIndex\" :record=\"row\">\r\n <RecursionField\r\n :key=\"`${getKey(row)}`\" :schema=\"sources[colIndex].schema\"\r\n :name=\"$index + baseIndex\" only-render-properties\r\n />\r\n </ArrayBase.Item>\r\n </template>\r\n <template #header=\"{ column: col }\">\r\n <template v-if=\"column.field.content?.header\">\r\n <component :is=\"column.field.content.header\" v-bind=\"{ ...col, field }\" />\r\n </template>\r\n <span v-else-if=\"column.asterisk\">\r\n <span :class=\"`${prefixCls}-asterisk`\">*</span>\r\n {{ col.label }}\r\n </span>\r\n </template>\r\n </ElTableColumn>\r\n </template>\r\n </ElTable>\r\n </VueDraggable>\r\n\r\n <!-- 状态管理器 -->\r\n <template v-for=\"(column, key) of stateManagerColumns\" :key=\"key\">\r\n <RecursionField :name=\"column.name\" :schema=\"column.schema\" :only-render-self=\"true\" />\r\n </template>\r\n <ElPagination\r\n v-if=\"props.pagination\" v-model:current-page=\"currentPage\" v-model:page-size=\"pageSize\"\r\n :class=\"`${prefixCls}-pagination`\" background layout=\"total, sizes, prev, pager, next\"\r\n :total=\"props.modelValue.length\" v-bind=\"paginationProps\"\r\n />\r\n <template v-for=\"(itemSchema, key) of additionSchemas\" :key=\"key\">\r\n <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import type { Component } from 'vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayTableInner from './array-table.vue'\r\nimport './style.scss'\r\n\r\nconst ArrayTableColumn: Component = {\r\n name: 'FArrayTableColumn',\r\n render() {\r\n return null\r\n },\r\n}\r\n\r\nexport const ArrayTable = composeExport(ArrayTableInner, {\r\n Column: ArrayTableColumn,\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayTable\r\n"],"names":["props","__props","elTableProps","useCleanAttrs","paginationProps","computed","omit","fieldRef","useField","field","schemaRef","useFieldSchema","additionSchemas","getKey","keyMap","ArrayBase","elTableRef","ref","extractTableSources","schema","isTableComponent","createTableSource","element","propName","hasRequiredProperty","triggerUpdateKey","reaction","path","item","isEqual","dataSource","pageSize","currentPage","updateDataSource","isArr","watch","autorun","sources","formilyComputed","columns","source","index","isColumnComponent","key","name","columnProps","required","title","asterisk","restProps","stateManagerColumns","column","baseIndex","onAddItemClick","nextTick","scrollWarpDOM","handleDragEnd","evt","oldIndex","newIndex","_createElementBlock","_unref","prefixCls","_createBlock","_createVNode","VueDraggable","stylePrefix","_withDirectives","_openBlock","_mergeProps","_Fragment","_renderList","colIndex","_withCtx","row","$index","RecursionField","col","_resolveDynamicComponent","_hoisted_1","_createElementVNode","_toDisplayString","vLoading","$event","itemSchema","isAdditionComponent","ArrayTableColumn","ArrayTable","composeExport","ArrayTableInner"],"mappings":"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"}
|
package/esm/array-tabs/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as C, ref as p, onUnmounted as E,
|
|
1
|
+
import { defineComponent as C, ref as p, onUnmounted as E, openBlock as s, createBlock as f, unref as e, mergeProps as F, withCtx as u, createElementBlock as i, Fragment as _, renderList as A, createVNode as b, normalizeClass as B, createTextVNode as N, toDisplayString as v } from "vue";
|
|
2
2
|
import { reaction as P } from "@formily/reactive";
|
|
3
3
|
import { isEqual as R, isFn as h } from "@formily/shared";
|
|
4
4
|
import { useField as S, useFieldSchema as V, RecursionField as q } from "@silver-formily/vue";
|
|
@@ -12,7 +12,6 @@ import '../styles/array-tabs/index.css';const K = { key: 0 }, j = { key: 1 }, G
|
|
|
12
12
|
__name: "array-tabs",
|
|
13
13
|
setup(H) {
|
|
14
14
|
const y = S(), $ = V(), c = `${z}-array-tabs`, n = p("tab-0"), t = y.value;
|
|
15
|
-
/* istanbul ignore else -- @preserve */
|
|
16
15
|
t.value.length === 0 && t.value.push(null);
|
|
17
16
|
const g = $.value;
|
|
18
17
|
function d(r) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/array-tabs/array-tabs.vue","../../src/array-tabs/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { TabPaneName } from 'element-plus'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isEqual, isFn } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\r\nimport { onUnmounted, ref } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { getArrayItemSchema } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayTabs',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\n\r\nconst prefixCls = `${stylePrefix}-array-tabs`\r\nconst activeKey = ref<TabPaneName>('tab-0')\r\n\r\nconst field = fieldRef.value\r\n/* istanbul ignore else -- @preserve */\r\nif (field.value.length === 0) {\r\n field.value.push(null)\r\n}\r\nconst schema = schemaRef.value\r\nfunction getTabTitle(index: number) {\r\n return `${field.title || 'Untitled'} ${index + 1}`\r\n}\r\n\r\nconst errorCountList = ref([])\r\nconst dispose = reaction(() => {\r\n return field.value.map((item, index) => {\r\n const panelErrors = field.form.queryFeedbacks({\r\n type: 'error',\r\n address: `${field.address.concat(index)}.**`,\r\n })\r\n return panelErrors.length\r\n })\r\n}, (newVal) => {\r\n errorCountList.value = newVal\r\n}, {\r\n equals: isEqual,\r\n})\r\nonUnmounted(() => {\r\n dispose()\r\n})\r\nconst { props: elTabProps } = useCleanAttrs(['value', 'modelValue', 'onUpdate:modelValue'])\r\n</script>\r\n\r\n<template>\r\n <ElTabs\r\n v-bind=\"elTabProps\"\r\n :model-value=\"activeKey\"\r\n :class=\"prefixCls\"\r\n type=\"card\"\r\n :addable=\"true\"\r\n @tab-remove=\"(target) => {\r\n const index = target.toString().match(/tab-(\\d+)/)?.[1]\r\n field.remove(Number(index))\r\n if (activeKey === target) {\r\n activeKey = `tab-${Number(index) - 1}`\r\n }\r\n\r\n if (isFn($attrs['tab-remove'])) {\r\n $attrs['tab-remove'](target)\r\n }\r\n }\"\r\n @tab-add=\"() => {\r\n const id = field.value.length\r\n field.value.push(null)\r\n activeKey = `tab-${id}`\r\n if (isFn($attrs['tab-add'])) {\r\n $attrs['tab-add']()\r\n }\r\n }\"\r\n @change=\"() => {}\"\r\n >\r\n <ElTabPane\r\n v-for=\"(item, index) of field.value\"\r\n :key=\"`tab-${index}`\"\r\n :closable=\"index !== 0\"\r\n :name=\"`tab-${index}`\"\r\n >\r\n <template #default>\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n />\r\n </template>\r\n <template #label>\r\n <span v-if=\"errorCountList[index] > 0\">\r\n <ElBadge\r\n :class=\"[`${prefixCls}-errors-badge`]\"\r\n :value=\"errorCountList[index]\"\r\n >\r\n {{ getTabTitle(index) }}\r\n </ElBadge>\r\n </span>\r\n <span v-else>\r\n {{ getTabTitle(index) }}\r\n </span>\r\n </template>\r\n </ElTabPane>\r\n </ElTabs>\r\n</template>\r\n","import FArrayTabs from './array-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayTabs = FArrayTabs\r\n\r\nexport default ArrayTabs\r\n"],"names":["fieldRef","useField","schemaRef","useFieldSchema","prefixCls","stylePrefix","activeKey","ref","field","schema","getTabTitle","index","errorCountList","dispose","reaction","item","newVal","isEqual","onUnmounted","elTabProps","useCleanAttrs","_createBlock","_unref","ElTabs","_mergeProps","target","isFn","$attrs","_cache","id","_openBlock","_createElementBlock","_Fragment","ElTabPane","_createVNode","RecursionField","getArrayItemSchema","_hoisted_1","ElBadge","_createTextVNode","_toDisplayString","_hoisted_2","ArrayTabs","FArrayTabs"],"mappings":";;;;;;;;;;;;;AAiBA,UAAMA,IAAWC,EAAA,GACXC,IAAYC,EAAA,GAEZC,IAAY,GAAGC,CAAW,eAC1BC,IAAYC,EAAiB,OAAO,GAEpCC,IAAQR,EAAS;
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/array-tabs/array-tabs.vue","../../src/array-tabs/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { TabPaneName } from 'element-plus'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isEqual, isFn } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\r\nimport { onUnmounted, ref } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { getArrayItemSchema } from '../array-base/utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayTabs',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\n\r\nconst prefixCls = `${stylePrefix}-array-tabs`\r\nconst activeKey = ref<TabPaneName>('tab-0')\r\n\r\nconst field = fieldRef.value\r\n/* istanbul ignore else -- @preserve */\r\nif (field.value.length === 0) {\r\n field.value.push(null)\r\n}\r\nconst schema = schemaRef.value\r\nfunction getTabTitle(index: number) {\r\n return `${field.title || 'Untitled'} ${index + 1}`\r\n}\r\n\r\nconst errorCountList = ref([])\r\nconst dispose = reaction(() => {\r\n return field.value.map((item, index) => {\r\n const panelErrors = field.form.queryFeedbacks({\r\n type: 'error',\r\n address: `${field.address.concat(index)}.**`,\r\n })\r\n return panelErrors.length\r\n })\r\n}, (newVal) => {\r\n errorCountList.value = newVal\r\n}, {\r\n equals: isEqual,\r\n})\r\nonUnmounted(() => {\r\n dispose()\r\n})\r\nconst { props: elTabProps } = useCleanAttrs(['value', 'modelValue', 'onUpdate:modelValue'])\r\n</script>\r\n\r\n<template>\r\n <ElTabs\r\n v-bind=\"elTabProps\"\r\n :model-value=\"activeKey\"\r\n :class=\"prefixCls\"\r\n type=\"card\"\r\n :addable=\"true\"\r\n @tab-remove=\"(target) => {\r\n const index = target.toString().match(/tab-(\\d+)/)?.[1]\r\n field.remove(Number(index))\r\n if (activeKey === target) {\r\n activeKey = `tab-${Number(index) - 1}`\r\n }\r\n\r\n if (isFn($attrs['tab-remove'])) {\r\n $attrs['tab-remove'](target)\r\n }\r\n }\"\r\n @tab-add=\"() => {\r\n const id = field.value.length\r\n field.value.push(null)\r\n activeKey = `tab-${id}`\r\n if (isFn($attrs['tab-add'])) {\r\n $attrs['tab-add']()\r\n }\r\n }\"\r\n @change=\"() => {}\"\r\n >\r\n <ElTabPane\r\n v-for=\"(item, index) of field.value\"\r\n :key=\"`tab-${index}`\"\r\n :closable=\"index !== 0\"\r\n :name=\"`tab-${index}`\"\r\n >\r\n <template #default>\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n />\r\n </template>\r\n <template #label>\r\n <span v-if=\"errorCountList[index] > 0\">\r\n <ElBadge\r\n :class=\"[`${prefixCls}-errors-badge`]\"\r\n :value=\"errorCountList[index]\"\r\n >\r\n {{ getTabTitle(index) }}\r\n </ElBadge>\r\n </span>\r\n <span v-else>\r\n {{ getTabTitle(index) }}\r\n </span>\r\n </template>\r\n </ElTabPane>\r\n </ElTabs>\r\n</template>\r\n","import FArrayTabs from './array-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayTabs = FArrayTabs\r\n\r\nexport default ArrayTabs\r\n"],"names":["fieldRef","useField","schemaRef","useFieldSchema","prefixCls","stylePrefix","activeKey","ref","field","schema","getTabTitle","index","errorCountList","dispose","reaction","item","newVal","isEqual","onUnmounted","elTabProps","useCleanAttrs","_createBlock","_unref","ElTabs","_mergeProps","target","isFn","$attrs","_cache","id","_openBlock","_createElementBlock","_Fragment","ElTabPane","_createVNode","RecursionField","getArrayItemSchema","_hoisted_1","ElBadge","_createTextVNode","_toDisplayString","_hoisted_2","ArrayTabs","FArrayTabs"],"mappings":";;;;;;;;;;;;;AAiBA,UAAMA,IAAWC,EAAA,GACXC,IAAYC,EAAA,GAEZC,IAAY,GAAGC,CAAW,eAC1BC,IAAYC,EAAiB,OAAO,GAEpCC,IAAQR,EAAS;AAEvB,IAAIQ,EAAM,MAAM,WAAW,KACzBA,EAAM,MAAM,KAAK,IAAI;AAEvB,UAAMC,IAASP,EAAU;AACzB,aAASQ,EAAYC,GAAe;AAClC,aAAO,GAAGH,EAAM,SAAS,UAAU,IAAIG,IAAQ,CAAC;AAAA,IAClD;AAEA,UAAMC,IAAiBL,EAAI,EAAE,GACvBM,IAAUC,EAAS,MAChBN,EAAM,MAAM,IAAI,CAACO,GAAMJ,MACRH,EAAM,KAAK,eAAe;AAAA,MAC5C,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,QAAQ,OAAOG,CAAK,CAAC;AAAA,IAAA,CACxC,EACkB,MACpB,GACA,CAACK,MAAW;AACb,MAAAJ,EAAe,QAAQI;AAAA,IACzB,GAAG;AAAA,MACD,QAAQC;AAAA,IAAA,CACT;AACD,IAAAC,EAAY,MAAM;AAChB,MAAAL,EAAA;AAAA,IACF,CAAC;AACD,UAAM,EAAE,OAAOM,MAAeC,EAAc,CAAC,SAAS,cAAc,qBAAqB,CAAC;2BAIxFC,EAqDSC,EAAAC,CAAA,GArDTC,EAqDSF,EAAAH,CAAA,GApDW;AAAA,MACjB,eAAab,EAAA;AAAA,MACb,OAAOF;AAAA,MACR,MAAK;AAAA,MACJ,SAAS;AAAA,MACT,8BAAaqB,MAAM;AAAoB,cAAAd,IAAQc,EAAO,SAAA,EAAW,MAAK,WAAA,IAAA,CAAA;AAA0BH,QAAAA,EAAAd,CAAA,EAAM,OAAO,OAAOG,CAAK,CAAA,GAAcL,EAAA,UAAcmB,MAAmBnB,EAAA,QAAS,OAAU,OAAOK,CAAK,IAAA,CAAA,KAA8BW,EAAAI,CAAA,EAAKC,EAAAA,OAAM,YAAA,CAAA,KAA4BA,EAAAA,qBAAqBF,CAAM;AAAA;MAWvS,UAAOG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,MAAA;AAAuB,cAAAC,IAAKP,EAAAd,CAAA,EAAM,MAAM;AAAcc,QAAAA,EAAAd,CAAA,EAAM,MAAM,KAAI,IAAA,GAAcF,EAAA,eAAmBuB,CAAE,IAAcP,EAAAI,CAAA,EAAKC,EAAAA,OAAM,SAAA,CAAA,KAAyBA,EAAAA,OAAM,SAAA,EAAA;AAAA;MAQxK,UAAQ,MAAA;AAAA,MAAA;AAAA,IAAA;iBAGP,MAAoC;AAAA,SADtCG,EAAA,EAAA,GAAAC,EAyBYC,WAxBcV,EAAAd,CAAA,EAAM,OAAK,CAA3BO,GAAMJ,YADhBU,EAyBYC,EAAAW,CAAA,GAAA;AAAA,UAvBT,YAAYtB,CAAK;AAAA,UACjB,UAAUA,MAAK;AAAA,UACf,aAAaA,CAAK;AAAA,QAAA;UAER,WACT,MAGE;AAAA,YAHFuB,EAGEZ,EAAAa,CAAA,GAAA;AAAA,cAFC,QAAQb,EAAAc,CAAA,EAAmBd,EAAAb,CAAA,GAAQE,CAAK;AAAA,cACxC,MAAMA;AAAA,YAAA;;UAGA,SACT,MAOO;AAAA,YAPKC,EAAA,MAAeD,CAAK,IAAA,UAAhCoB,EAOO,QAAAM,GAAA;AAAA,cANLH,EAKUZ,EAAAgB,CAAA,GAAA;AAAA,gBAJP,aAAWlC,CAAS,eAAA,CAAA;AAAA,gBACpB,OAAOQ,EAAA,MAAeD,CAAK;AAAA,cAAA;2BAE5B,MAAwB;AAAA,kBAArB4B,EAAAC,EAAA9B,EAAYC,CAAK,CAAA,GAAA,CAAA;AAAA,gBAAA;;;wBAGxBoB,EAEO,QAAAU,GAAAD,EADF9B,EAAYC,CAAK,CAAA,GAAA,CAAA;AAAA,UAAA;;;;;;;ICpGjB+B,IAAYC;"}
|
|
@@ -82,8 +82,8 @@ declare function __VLS_template(): {
|
|
|
82
82
|
readonly form?: string;
|
|
83
83
|
readonly name?: string;
|
|
84
84
|
readonly disabled?: boolean;
|
|
85
|
-
readonly resize?: "none" | "both" | "horizontal" | "vertical";
|
|
86
85
|
readonly id?: string;
|
|
86
|
+
readonly resize?: "none" | "both" | "horizontal" | "vertical";
|
|
87
87
|
readonly placeholder?: string;
|
|
88
88
|
readonly ariaLabel?: string;
|
|
89
89
|
readonly popperClass?: import('element-plus').ElTooltipContentProps["popperClass"];
|
|
@@ -152,12 +152,12 @@ declare function __VLS_template(): {
|
|
|
152
152
|
type: import('vue').PropType<boolean>;
|
|
153
153
|
default: undefined;
|
|
154
154
|
};
|
|
155
|
-
resize: {
|
|
156
|
-
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
157
|
-
};
|
|
158
155
|
id: {
|
|
159
156
|
type: import('vue').PropType<string>;
|
|
160
157
|
};
|
|
158
|
+
resize: {
|
|
159
|
+
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
160
|
+
};
|
|
161
161
|
placeholder: {
|
|
162
162
|
type: import('vue').PropType<string>;
|
|
163
163
|
};
|
|
@@ -421,12 +421,12 @@ declare function __VLS_template(): {
|
|
|
421
421
|
type: import('vue').PropType<boolean>;
|
|
422
422
|
default: undefined;
|
|
423
423
|
};
|
|
424
|
-
resize: {
|
|
425
|
-
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
426
|
-
};
|
|
427
424
|
id: {
|
|
428
425
|
type: import('vue').PropType<string>;
|
|
429
426
|
};
|
|
427
|
+
resize: {
|
|
428
|
+
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
429
|
+
};
|
|
430
430
|
placeholder: {
|
|
431
431
|
type: import('vue').PropType<string>;
|
|
432
432
|
};
|
|
@@ -588,7 +588,7 @@ declare function __VLS_template(): {
|
|
|
588
588
|
onChange?: ((value: string | number) => any) | undefined;
|
|
589
589
|
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
590
590
|
onClear?: (() => any) | undefined;
|
|
591
|
-
}, "type" | "placement" | "
|
|
591
|
+
}, "type" | "placement" | "activated" | "disabled" | "loading" | "blur" | "close" | "focus" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
|
|
592
592
|
highlightedIndex: import('vue').Ref<number>;
|
|
593
593
|
activated: import('vue').Ref<boolean>;
|
|
594
594
|
loading: import('vue').Ref<boolean>;
|
|
@@ -671,8 +671,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
671
671
|
readonly form?: string;
|
|
672
672
|
readonly name?: string;
|
|
673
673
|
readonly disabled?: boolean;
|
|
674
|
-
readonly resize?: "none" | "both" | "horizontal" | "vertical";
|
|
675
674
|
readonly id?: string;
|
|
675
|
+
readonly resize?: "none" | "both" | "horizontal" | "vertical";
|
|
676
676
|
readonly placeholder?: string;
|
|
677
677
|
readonly ariaLabel?: string;
|
|
678
678
|
readonly popperClass?: import('element-plus').ElTooltipContentProps["popperClass"];
|
|
@@ -741,12 +741,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
741
741
|
type: import('vue').PropType<boolean>;
|
|
742
742
|
default: undefined;
|
|
743
743
|
};
|
|
744
|
-
resize: {
|
|
745
|
-
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
746
|
-
};
|
|
747
744
|
id: {
|
|
748
745
|
type: import('vue').PropType<string>;
|
|
749
746
|
};
|
|
747
|
+
resize: {
|
|
748
|
+
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
749
|
+
};
|
|
750
750
|
placeholder: {
|
|
751
751
|
type: import('vue').PropType<string>;
|
|
752
752
|
};
|
|
@@ -1010,12 +1010,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
1010
1010
|
type: import('vue').PropType<boolean>;
|
|
1011
1011
|
default: undefined;
|
|
1012
1012
|
};
|
|
1013
|
-
resize: {
|
|
1014
|
-
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
1015
|
-
};
|
|
1016
1013
|
id: {
|
|
1017
1014
|
type: import('vue').PropType<string>;
|
|
1018
1015
|
};
|
|
1016
|
+
resize: {
|
|
1017
|
+
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
1018
|
+
};
|
|
1019
1019
|
placeholder: {
|
|
1020
1020
|
type: import('vue').PropType<string>;
|
|
1021
1021
|
};
|
|
@@ -1177,7 +1177,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
1177
1177
|
onChange?: ((value: string | number) => any) | undefined;
|
|
1178
1178
|
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
1179
1179
|
onClear?: (() => any) | undefined;
|
|
1180
|
-
}, "type" | "placement" | "
|
|
1180
|
+
}, "type" | "placement" | "activated" | "disabled" | "loading" | "blur" | "close" | "focus" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
|
|
1181
1181
|
highlightedIndex: import('vue').Ref<number>;
|
|
1182
1182
|
activated: import('vue').Ref<boolean>;
|
|
1183
1183
|
loading: import('vue').Ref<boolean>;
|
|
@@ -45,8 +45,8 @@ export declare const Autocomplete: {
|
|
|
45
45
|
readonly form?: string;
|
|
46
46
|
readonly name?: string;
|
|
47
47
|
readonly disabled?: boolean;
|
|
48
|
-
readonly resize?: "none" | "both" | "horizontal" | "vertical";
|
|
49
48
|
readonly id?: string;
|
|
49
|
+
readonly resize?: "none" | "both" | "horizontal" | "vertical";
|
|
50
50
|
readonly placeholder?: string;
|
|
51
51
|
readonly ariaLabel?: string;
|
|
52
52
|
readonly popperClass?: import('element-plus').ElTooltipContentProps["popperClass"];
|
|
@@ -115,12 +115,12 @@ export declare const Autocomplete: {
|
|
|
115
115
|
type: import('vue').PropType<boolean>;
|
|
116
116
|
default: undefined;
|
|
117
117
|
};
|
|
118
|
-
resize: {
|
|
119
|
-
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
120
|
-
};
|
|
121
118
|
id: {
|
|
122
119
|
type: import('vue').PropType<string>;
|
|
123
120
|
};
|
|
121
|
+
resize: {
|
|
122
|
+
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
123
|
+
};
|
|
124
124
|
placeholder: {
|
|
125
125
|
type: import('vue').PropType<string>;
|
|
126
126
|
};
|
|
@@ -384,12 +384,12 @@ export declare const Autocomplete: {
|
|
|
384
384
|
type: import('vue').PropType<boolean>;
|
|
385
385
|
default: undefined;
|
|
386
386
|
};
|
|
387
|
-
resize: {
|
|
388
|
-
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
389
|
-
};
|
|
390
387
|
id: {
|
|
391
388
|
type: import('vue').PropType<string>;
|
|
392
389
|
};
|
|
390
|
+
resize: {
|
|
391
|
+
type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
|
|
392
|
+
};
|
|
393
393
|
placeholder: {
|
|
394
394
|
type: import('vue').PropType<string>;
|
|
395
395
|
};
|
|
@@ -551,7 +551,7 @@ export declare const Autocomplete: {
|
|
|
551
551
|
onChange?: ((value: string | number) => any) | undefined;
|
|
552
552
|
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
553
553
|
onClear?: (() => any) | undefined;
|
|
554
|
-
}, "type" | "placement" | "
|
|
554
|
+
}, "type" | "placement" | "activated" | "disabled" | "loading" | "blur" | "close" | "focus" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
|
|
555
555
|
highlightedIndex: import('vue').Ref<number>;
|
|
556
556
|
activated: import('vue').Ref<boolean>;
|
|
557
557
|
loading: import('vue').Ref<boolean>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useField as S, connect as $, mapProps as P } from "@silver-formily/vue";
|
|
2
2
|
import { PreviewText as A } from "../preview-text/index.mjs";
|
|
3
|
-
import { defineComponent as R, useSlots as w, ref as C, computed as d,
|
|
3
|
+
import { defineComponent as R, useSlots as w, ref as C, computed as d, openBlock as F, createBlock as x, unref as u, mergeProps as z, createSlots as B, withCtx as n, renderSlot as r, normalizeProps as E, guardReactiveProps as K } from "vue";
|
|
4
4
|
import { ElAutocomplete as L } from "element-plus";
|
|
5
5
|
import { useCleanAttrs as O } from "../__builtins__/shared/utils.mjs";
|
|
6
6
|
import { mapReadPretty as b } from "../__builtins__/shared/transform-component.mjs";
|
|
@@ -36,7 +36,7 @@ const j = /* @__PURE__ */ R({
|
|
|
36
36
|
loading: i.value.loading ?? t.value?.loading,
|
|
37
37
|
fetchSuggestions: c.value
|
|
38
38
|
}));
|
|
39
|
-
return (e, a) => (
|
|
39
|
+
return (e, a) => (F(), x(u(L), z({
|
|
40
40
|
ref_key: "autocompleteRef",
|
|
41
41
|
ref: p
|
|
42
42
|
}, g.value), B({ _: 2 }, [
|