@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/array-base/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-base/array-base-addition.vue","../../src/array-base/array-base-index.vue","../../src/array-base/array-base-inner.vue","../../src/array-base/array-base-item.vue","../../src/array-base/array-base-move-down.vue","../../src/array-base/array-base-move-up.vue","../../src/array-base/array-base-remove.vue","../../src/array-base/array-base-sort-handle.vue","../../src/array-base/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IArrayBaseAdditionProps } from './types'\nimport { Plus } from '@element-plus/icons-vue'\nimport { useField } from '@silver-formily/vue'\nimport { ElLink } from 'element-plus'\nimport { compatibleUnderlineProp } from '../__builtins__'\nimport { getDefaultValue, prefixCls, useArray } from './utils'\n\ndefineOptions({\n  name: 'ArrayBaseAddition',\n})\n\nconst props = withDefaults(defineProps<IArrayBaseAdditionProps>(), {\n  method: 'push',\n})\n\nconst self = useField()\nconst base = useArray()\n\nfunction onAddItemClick() {\n  const defaultValue = getDefaultValue(props.defaultValue, base?.schema.value)\n  if (props.method === 'unshift') {\n    base?.field?.value.unshift(defaultValue)\n    base.attrs?.add?.(0)\n  }\n  else {\n    base?.field?.value.push(defaultValue)\n    base.attrs?.add?.(base?.field?.value?.value?.length - 1)\n  }\n}\n</script>\n\n<template>\n  <ElLink\n    v-if=\"base.field.value.pattern === 'editable'\"\n    :class=\"`${prefixCls}-addition`\"\n    :icon=\"Plus\"\n    :underline=\"compatibleUnderlineProp()\"\n    role=\"button\"\n    aria-label=\"添加条目\"\n    @click=\"onAddItemClick\"\n  >\n    {{ self.title || props.title }}\n  </ElLink>\n</template>\n","<script lang=\"ts\" setup>\nimport { prefixCls, useIndex } from './utils'\n\ndefineOptions({\n  name: 'ArrayBaseIndex',\n})\n\nconst index = useIndex()\n</script>\n\n<template>\n  <span :class=\"`${prefixCls}-index`\">\n    <slot :index=\"index\">\n      #{{ index + 1 }}.\n    </slot>\n  </span>\n</template>\n","<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { IArrayBaseProps } from './types'\nimport { useField, useFieldSchema } from '@silver-formily/vue'\nimport { provide, useAttrs } from 'vue'\nimport { ArrayBaseSymbol } from './symbols'\n\ndefineOptions({\n  name: 'ArrayBaseInner',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<IArrayBaseProps>()\n\nconst field = useField<ArrayField>()\nconst schema = useFieldSchema()\n\nprovide(ArrayBaseSymbol, {\n  field,\n  schema,\n  props,\n  attrs: useAttrs(),\n  keyMap: props.keyMap,\n})\n</script>\n\n<template>\n  <slot />\n</template>\n","<script lang=\"ts\" setup>\nimport type { IArrayBaseItemProps } from './types'\nimport { provide } from 'vue'\nimport { ItemSymbol } from './symbols'\n\ndefineOptions({\n  name: 'ArrayBaseItem',\n})\n\nconst props = defineProps<IArrayBaseItemProps>()\n\nprovide(ItemSymbol, props)\n</script>\n\n<template>\n  <slot />\n</template>\n","<script lang=\"ts\" setup>\nimport type { IArrayBaseOperationProps } from './types'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { isArr } from '@formily/shared'\nimport { ElLink } from 'element-plus'\nimport { compatibleUnderlineProp } from '../__builtins__'\nimport { prefixCls, useArray, useIndex } from './utils'\n\ndefineOptions({\n  name: 'ArrayBaseMoveDown',\n})\n\nconst props = defineProps<IArrayBaseOperationProps>()\n\nconst indexRef = useIndex()\nconst base = useArray()\n\nfunction handleClick() {\n  if (isArr(base?.keyMap)) {\n    base.keyMap.splice(\n      indexRef.value + 1,\n      0,\n      base.keyMap.splice(indexRef.value, 1)[0],\n    )\n  }\n  base?.field.value.moveDown(indexRef.value as number)\n  base?.attrs?.moveDown?.(indexRef.value as number)\n}\n</script>\n\n<template>\n  <ElLink\n    v-if=\"base?.field.value.pattern === 'editable'\"\n    :class=\"`${prefixCls}-move-down`\"\n    size=\"small\"\n    :icon=\"ArrowDown\"\n    :underline=\"compatibleUnderlineProp()\"\n    role=\"button\"\n    aria-label=\"下移条目\"\n    @click.stop=\"handleClick\"\n  >\n    <slot>\n      {{ props.title }}\n    </slot>\n  </ElLink>\n</template>\n","<script lang=\"ts\" setup>\nimport type { IArrayBaseOperationProps } from './types'\nimport { ArrowUp } from '@element-plus/icons-vue'\nimport { isArr } from '@formily/shared'\nimport { ElLink } from 'element-plus'\nimport { compatibleUnderlineProp } from '../__builtins__'\nimport { prefixCls, useArray, useIndex } from './utils'\n\ndefineOptions({\n  name: 'ArrayBaseMoveUp',\n})\n\nconst props = defineProps<IArrayBaseOperationProps>()\n\nconst indexRef = useIndex()\nconst base = useArray()\n\nfunction handleClick() {\n  if (isArr(base?.keyMap)) {\n    base.keyMap.splice(\n      indexRef.value - 1,\n      0,\n      base.keyMap.splice(indexRef.value, 1)[0],\n    )\n  }\n  base?.field.value.moveUp(indexRef.value as number)\n  base?.attrs?.moveUp?.(indexRef.value as number)\n}\n</script>\n\n<template>\n  <ElLink\n    v-if=\"base?.field.value.pattern === 'editable'\"\n    :class=\"`${prefixCls}-move-up`\"\n    size=\"small\"\n    :icon=\"ArrowUp\"\n    :underline=\"compatibleUnderlineProp()\"\n    role=\"button\"\n    aria-label=\"上移条目\"\n    @click.stop=\"handleClick\"\n  >\n    <slot>\n      {{ props.title }}\n    </slot>\n  </ElLink>\n</template>\n","<script lang=\"ts\" setup>\nimport type { IArrayBaseOperationProps } from './types'\nimport { Delete } from '@element-plus/icons-vue'\nimport { isArr } from '@formily/shared'\nimport { ElLink } from 'element-plus'\nimport { compatibleUnderlineProp } from '../__builtins__'\nimport { prefixCls, useArray, useIndex } from './utils'\n\ndefineOptions({\n  name: 'ArrayBaseRemove',\n})\n\nconst props = defineProps<IArrayBaseOperationProps>()\n\nconst indexRef = useIndex()\nconst base = useArray()\n\nfunction handleClick() {\n  if (isArr(base?.keyMap)) {\n    base?.keyMap?.splice(indexRef.value, 1)\n  }\n\n  base?.field.value.remove(indexRef.value as number)\n  base?.attrs?.remove?.(indexRef.value as number)\n}\n</script>\n\n<template>\n  <ElLink\n    v-if=\"base?.field.value.pattern === 'editable'\"\n    :class=\"`${prefixCls}-remove`\"\n    size=\"small\"\n    :icon=\"Delete\"\n    :underline=\"compatibleUnderlineProp()\"\n    role=\"button\"\n    aria-label=\"移除条目\"\n    @click.stop=\"handleClick\"\n  >\n    <slot>\n      {{ props.title }}\n    </slot>\n  </ElLink>\n</template>\n","<script lang=\"ts\" setup>\nimport { Rank } from '@element-plus/icons-vue'\nimport { ElLink } from 'element-plus'\nimport { compatibleUnderlineProp } from '../__builtins__'\nimport { prefixCls, useArray } from './utils'\n\ndefineOptions({\n  name: 'ArrayBaseSortHandle',\n})\n\nconst array = useArray()\n</script>\n\n<template>\n  <ElLink\n    v-if=\"array.field.value?.pattern === 'editable'\"\n    :class=\"`${prefixCls}-sort-handle`\"\n    size=\"small\"\n    :icon=\"Rank\"\n    :underline=\"compatibleUnderlineProp()\"\n    role=\"button\"\n    aria-label=\"拖拽排序\"\n    aria-dropeffect=\"move\"\n  />\n</template>\n","import { composeExport } from '../__builtins__/shared'\nimport ArrayBaseAddition from './array-base-addition.vue'\nimport ArrayBaseIndex from './array-base-index.vue'\nimport ArrayBaseInner from './array-base-inner.vue'\nimport ArrayBaseItem from './array-base-item.vue'\nimport ArrayBaseMoveDown from './array-base-move-down.vue'\nimport ArrayBaseMoveUp from './array-base-move-up.vue'\nimport ArrayBaseRemove from './array-base-remove.vue'\nimport ArrayBaseSortHandle from './array-base-sort-handle.vue'\nimport { useArray, useIndex, useKey, useRecord } from './utils'\nimport './style.scss'\n\nexport const ArrayBase = composeExport(ArrayBaseInner, {\n  Index: ArrayBaseIndex,\n  Item: ArrayBaseItem,\n  SortHandle: ArrayBaseSortHandle,\n  Addition: ArrayBaseAddition,\n  Remove: ArrayBaseRemove,\n  MoveDown: ArrayBaseMoveDown,\n  MoveUp: ArrayBaseMoveUp,\n  useArray,\n  useIndex,\n  useKey,\n  useRecord,\n})\n"],"names":["props","__props","self","useField","base","useArray","onAddItemClick","defaultValue","getDefaultValue","_unref","_createBlock","ElLink","prefixCls","Plus","compatibleUnderlineProp","_createTextVNode","_toDisplayString","index","useIndex","_createElementBlock","_renderSlot","_ctx","field","schema","useFieldSchema","provide","ArrayBaseSymbol","useAttrs","ItemSymbol","indexRef","handleClick","isArr","ArrowDown","ArrowUp","Delete","array","Rank","ArrayBase","composeExport","ArrayBaseInner","ArrayBaseIndex","ArrayBaseItem","ArrayBaseSortHandle","ArrayBaseAddition","ArrayBaseRemove","ArrayBaseMoveDown","ArrayBaseMoveUp","useKey","useRecord"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ArrayBaseInner","ArrayBaseIndex","ArrayBaseItem","ArrayBaseSortHandle","ArrayBaseAddition","ArrayBaseRemove","ArrayBaseMoveDown","ArrayBaseMoveUp"],"sources":["../../src/array-base/index.ts"],"sourcesContent":["import { composeExport } from '../__builtins__/shared'\nimport ArrayBaseAddition from './array-base-addition.vue'\nimport ArrayBaseIndex from './array-base-index.vue'\nimport ArrayBaseInner from './array-base-inner.vue'\nimport ArrayBaseItem from './array-base-item.vue'\nimport ArrayBaseMoveDown from './array-base-move-down.vue'\nimport ArrayBaseMoveUp from './array-base-move-up.vue'\nimport ArrayBaseRemove from './array-base-remove.vue'\nimport ArrayBaseSortHandle from './array-base-sort-handle.vue'\nimport { useArray, useIndex, useKey, useRecord } from './utils'\nimport './style.scss'\n\nexport const ArrayBase = composeExport(ArrayBaseInner, {\n  Index: ArrayBaseIndex,\n  Item: ArrayBaseItem,\n  SortHandle: ArrayBaseSortHandle,\n  Addition: ArrayBaseAddition,\n  Remove: ArrayBaseRemove,\n  MoveDown: ArrayBaseMoveDown,\n  MoveUp: ArrayBaseMoveUp,\n  useArray,\n  useIndex,\n  useKey,\n  useRecord,\n})\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,YAAY,cAAcA,aAAgB;CACrD,OAAOC;CACP,MAAMC;CACN,YAAYC;CACZ,UAAUC;CACV,QAAQC;CACR,UAAUC;CACV,QAAQC;CACR;CACA;CACA;CACA;CACD,CAAC"}

package/esm/array-base/style.css

@@ -0,0 +1,36 @@
+.formily-element-plus-array-base-addition {
+  transition: var(--el-transition-duration);
+  user-select: none;
+  width: 100%;
+  border: 1px dashed var(--el-border-color);
+  border-radius: var(--el-border-radius-small);
+  line-height: 32px;
+}
+.formily-element-plus-array-base-addition:hover {
+  background-color: var(--el-button-hover-text-color);
+  border-color: var(--el-primary-color);
+}
+.formily-element-plus-array-base-addition:active {
+  background-color: var(--el-button-active-bg-color);
+  border-color: var(--el-color-primary);
+}
+.formily-element-plus-array-base-addition .el-icon + .el-link__inner {
+  margin-left: 8px;
+}
+
+.formily-element-plus-array-base-remove i {
+  font-size: var(--el-font-size-base);
+}
+
+.formily-element-plus-array-base-move-down i {
+  font-size: var(--el-font-size-base);
+}
+
+.formily-element-plus-array-base-move-up i {
+  font-size: var(--el-font-size-base);
+}
+
+.formily-element-plus-array-base-sort-handle i {
+  font-size: var(--el-font-size-base);
+  cursor: move;
+}

package/esm/array-base/symbols.mjs

@@ -1,6 +1,7 @@
-const o = /* @__PURE__ */ Symbol("ArrayBaseContext"), t = /* @__PURE__ */ Symbol("ItemContext");
-export {
-  o as ArrayBaseSymbol,
-  t as ItemSymbol
-};
-//# sourceMappingURL=symbols.mjs.map
+//#region src/array-base/symbols.ts
+const ArrayBaseSymbol = Symbol("ArrayBaseContext");
+const ItemSymbol = Symbol("ItemContext");
+//#endregion
+export { ArrayBaseSymbol, ItemSymbol };
+
+//# sourceMappingURL=symbols.mjs.map

package/esm/array-base/symbols.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"symbols.mjs","sources":["../../src/array-base/symbols.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { IArrayBaseContext, IArrayBaseItemProps } from './types'\n\nexport const ArrayBaseSymbol: InjectionKey<IArrayBaseContext> = Symbol('ArrayBaseContext')\nexport const ItemSymbol: InjectionKey<IArrayBaseItemProps> = Symbol('ItemContext')\n"],"names":["ArrayBaseSymbol","ItemSymbol"],"mappings":"AAGO,MAAMA,2BAA0D,kBAAkB,GAC5EC,2BAAuD,aAAa;"}
+{"version":3,"file":"symbols.mjs","names":[],"sources":["../../src/array-base/symbols.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { IArrayBaseContext, IArrayBaseItemProps } from './types'\n\nexport const ArrayBaseSymbol: InjectionKey<IArrayBaseContext> = Symbol('ArrayBaseContext')\nexport const ItemSymbol: InjectionKey<IArrayBaseItemProps> = Symbol('ItemContext')\n"],"mappings":";AAGA,MAAa,kBAAmD,OAAO,mBAAmB;AAC1F,MAAa,aAAgD,OAAO,cAAc"}

package/esm/array-base/types.d.ts

@@ -1,28 +1,27 @@
-import { ArrayField } from '@formily/core';
-import { Schema } from '@formily/json-schema';
-import { Ref } from 'vue';
-export interface IArrayBaseAdditionProps {
-    method?: 'push' | 'unshift';
-    defaultValue?: any;
-    title?: string;
+import { Ref } from "vue";
+import { ArrayField } from "@formily/core";
+import { Schema } from "@formily/json-schema";
+
+//#region src/array-base/types.d.ts
+interface IArrayBaseAdditionProps {
+  method?: 'push' | 'unshift';
+  defaultValue?: any;
+  title?: string;
 }
-export interface IArrayBaseOperationProps {
-    title?: string;
+interface IArrayBaseOperationProps {
+  title?: string;
 }
-export interface IArrayBaseProps {
-    disabled?: boolean;
-    keyMap?: WeakMap<Record<string, unknown>, string> | string[];
+interface IArrayBaseProps {
+  disabled?: boolean;
+  keyMap?: WeakMap<Record<string, unknown>, string> | string[];
 }
-export interface IArrayBaseItemProps {
-    index: number;
-    record: any;
-}
-export interface IArrayBaseContext {
-    field: Ref<ArrayField>;
-    schema: Ref<Schema>;
-    props: IArrayBaseProps;
-    attrs: {
-        [key in string]?: any;
-    };
-    keyMap?: WeakMap<Record<string, unknown>, string> | string[] | null;
+interface IArrayBaseContext {
+  field: Ref<ArrayField>;
+  schema: Ref<Schema>;
+  props: IArrayBaseProps;
+  attrs: { [key in string]?: any };
+  keyMap?: WeakMap<Record<string, unknown>, string> | string[] | null;
 }
+//#endregion
+export { IArrayBaseAdditionProps, IArrayBaseContext, IArrayBaseOperationProps };
+//# sourceMappingURL=types.d.ts.map

package/esm/array-base/utils.d.ts

@@ -1,17 +1,11 @@
-import { ISchema, Schema } from '@formily/json-schema';
-export declare const prefixCls = "formily-element-plus-array-base";
-export declare function useArray(): import('./types').IArrayBaseContext;
-export declare function useIndex(): import('vue').Ref<number, number>;
-export declare function useRecord(): import('vue').Ref<any, any>;
-export declare function useKey(schema: Schema): {
-    keyMap: string[] | WeakMap<Record<string, unknown>, string>;
-    getKey: (record: any, index?: number) => string;
-};
-export declare function getDefaultValue(defaultValue: any, schema: Schema): any;
-export declare function getArrayItemSchema(schema: ISchema, index: number): ISchema;
-export declare function isAdditionComponent(schema: ISchema): boolean;
-export declare function isIndexComponent(schema: ISchema): boolean;
-export declare function isRemoveComponent(schema: ISchema): boolean;
-export declare function isMoveUpComponent(schema: ISchema): boolean;
-export declare function isMoveDownComponent(schema: ISchema): boolean;
-export declare function isOperationComponent(schema: ISchema): boolean;
+import { IArrayBaseContext } from "./types.js";
+import * as _$vue from "vue";
+import { ISchema, Schema } from "@formily/json-schema";
+
+//#region src/array-base/utils.d.ts
+declare function useArray(): IArrayBaseContext;
+declare function useIndex(): _$vue.Ref<number, number>;
+declare function useRecord(): _$vue.Ref<any, any>;
+//#endregion
+export { useArray, useIndex, useRecord };
+//# sourceMappingURL=utils.d.ts.map

package/esm/array-base/utils.mjs

@@ -1,72 +1,70 @@
-import { isArr as s, uid as u, isValid as c, clone as y } from "@formily/shared";
-import { toRefs as f, inject as i } from "vue";
-import { stylePrefix as x } from "../__builtins__/configs/index.mjs";
-import "element-plus";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import "@formily/core";
-import "@silver-formily/vue";
-import { ItemSymbol as m, ArrayBaseSymbol as d } from "./symbols.mjs";
-const D = `${x}-array-base`;
-function S() {
-  return i(d, null);
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { ArrayBaseSymbol, ItemSymbol } from "./symbols.mjs";
+import { inject, toRefs } from "vue";
+import { clone, isArr, isValid, uid } from "@formily/shared";
+//#region src/array-base/utils.ts
+const prefixCls = `${stylePrefix}-array-base`;
+function useArray() {
+	return inject(ArrayBaseSymbol, null);
 }
-function $() {
-  const { index: n } = f(i(m));
-  return n;
+function useIndex() {
+	const { index: indexRef } = toRefs(inject(ItemSymbol));
+	return indexRef;
 }
-function K() {
-  const { record: n } = f(
-    i(m)
-  );
-  return n;
+/* istanbul ignore next -- @preserve */
+function useRecord() {
+	const { record: recordRef } = toRefs(inject(ItemSymbol));
+	return recordRef;
 }
-const p = (n) => Array.isArray(n?.items) ? p(n.items[0]) : n?.items?.type === "array" || n?.items?.type === "object";
-function U(n) {
-  const e = p(n);
-  let t = null;
-  return t = e ? /* @__PURE__ */ new WeakMap() : [], {
-    keyMap: t,
-    getKey: (r, o) => t instanceof WeakMap ? (t.has(r) || t.set(r, u()), `${t.get(r)}`) : (t && !t[o] && (t[o] = u()), `${t[o]}`)
-  };
+const isObjectValue = (schema) => {
+	if (Array.isArray(schema?.items)) return isObjectValue(schema.items[0]);
+	if (schema?.items?.type === "array" || schema?.items?.type === "object") return true;
+	return false;
+};
+function useKey(schema) {
+	const isObject = isObjectValue(schema);
+	let keyMap = null;
+	keyMap = isObject ? /* @__PURE__ */ new WeakMap() : [];
+	return {
+		keyMap,
+		getKey: (record, index) => {
+			if (keyMap instanceof WeakMap) {
+				if (!keyMap.has(record)) keyMap.set(record, uid());
+				return `${keyMap.get(record)}`;
+			}
+			if (keyMap && !keyMap[index]) keyMap[index] = uid();
+			return `${keyMap[index]}`;
+		}
+	};
 }
-function l(n, e) {
-  return c(n) ? y(n) : Array.isArray(e?.items) ? l(n, e.items[0]) : e?.items?.type === "object" ? {} : null;
+function getDefaultValue(defaultValue, schema) {
+	if (isValid(defaultValue)) return clone(defaultValue);
+	if (Array.isArray(schema?.items)) return getDefaultValue(defaultValue, schema.items[0]);
+	if (schema?.items?.type === "object") return {};
+	return null;
 }
-function W(n, e) {
-  return s(n.items) ? n.items[e] ?? n.items[0] : n.items;
+function getArrayItemSchema(schema, index) {
+	return isArr(schema.items) ? schema.items[index] ?? schema.items[0] : schema.items;
 }
-function a(n) {
-  return n["x-component"]?.indexOf("Addition") > -1;
+function isAdditionComponent(schema) {
+	return schema["x-component"]?.indexOf("Addition") > -1;
 }
-function B(n) {
-  return n["x-component"]?.indexOf("Index") > -1;
+function isIndexComponent(schema) {
+	return schema["x-component"]?.indexOf("Index") > -1;
 }
-function A(n) {
-  return n["x-component"]?.indexOf("Remove") > -1;
+function isRemoveComponent(schema) {
+	return schema["x-component"]?.indexOf("Remove") > -1;
 }
-function O(n) {
-  return n["x-component"]?.indexOf("MoveUp") > -1;
+function isMoveUpComponent(schema) {
+	return schema["x-component"]?.indexOf("MoveUp") > -1;
 }
-function b(n) {
-  return n["x-component"]?.indexOf("MoveDown") > -1;
+function isMoveDownComponent(schema) {
+	return schema["x-component"]?.indexOf("MoveDown") > -1;
 }
-function P(n) {
-  return a(n) || A(n) || b(n) || O(n);
+function isOperationComponent(schema) {
+	return isAdditionComponent(schema) || isRemoveComponent(schema) || isMoveDownComponent(schema) || isMoveUpComponent(schema);
 }
-export {
-  W as getArrayItemSchema,
-  l as getDefaultValue,
-  a as isAdditionComponent,
-  B as isIndexComponent,
-  b as isMoveDownComponent,
-  O as isMoveUpComponent,
-  P as isOperationComponent,
-  A as isRemoveComponent,
-  D as prefixCls,
-  S as useArray,
-  $ as useIndex,
-  U as useKey,
-  K as useRecord
-};
-//# sourceMappingURL=utils.mjs.map
+//#endregion
+export { getArrayItemSchema, getDefaultValue, isAdditionComponent, isIndexComponent, isOperationComponent, isRemoveComponent, prefixCls, useArray, useIndex, useKey, useRecord };
+
+//# sourceMappingURL=utils.mjs.map

package/esm/array-base/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/array-base/utils.ts"],"sourcesContent":["import type { ISchema, Schema } from '@formily/json-schema'\nimport type { IArrayBaseItemProps } from './types'\nimport { clone, isArr, isValid, uid } from '@formily/shared'\nimport { inject, toRefs } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { ArrayBaseSymbol, ItemSymbol } from './symbols'\n\nexport const prefixCls = `${stylePrefix}-array-base`\n\nexport function useArray() {\n  return inject(ArrayBaseSymbol, null)\n}\n\nexport function useIndex() {\n  const { index: indexRef } = toRefs(inject(ItemSymbol) as IArrayBaseItemProps)\n  return indexRef\n}\n\n/* istanbul ignore next -- @preserve */\nexport function useRecord() {\n  const { record: recordRef } = toRefs(\n    inject(ItemSymbol) as IArrayBaseItemProps,\n  )\n  return recordRef\n}\n\nconst isObjectValue: (schema: Schema) => boolean = (schema: Schema) => {\n  if (Array.isArray(schema?.items))\n    return isObjectValue(schema.items[0])\n\n  if (schema?.items?.type === 'array' || schema?.items?.type === 'object') {\n    return true\n  }\n  return false\n}\n\nexport function useKey(schema: Schema) {\n  const isObject = isObjectValue(schema)\n  let keyMap: WeakMap<Record<string, unknown>, string> | string[] | null = null\n\n  keyMap = isObject ? new WeakMap() : []\n\n  return {\n    keyMap,\n    getKey: (record: any, index?: number) => {\n      if (keyMap instanceof WeakMap) {\n        if (!keyMap.has(record)) {\n          keyMap.set(record, uid())\n        }\n        return `${keyMap.get(record)}`\n      }\n\n      if (keyMap && !keyMap[index]) {\n        keyMap[index] = uid()\n      }\n      return `${keyMap[index]}`\n    },\n  }\n}\n\nexport function getDefaultValue(defaultValue: any, schema: Schema): any {\n  if (isValid(defaultValue))\n    return clone(defaultValue)\n  if (Array.isArray(schema?.items))\n    return getDefaultValue(defaultValue, schema.items[0])\n  if (schema?.items?.type === 'object')\n    return {}\n  return null\n}\n\nexport function getArrayItemSchema(schema: ISchema, index: number): ISchema {\n  return isArr(schema.items) ? schema.items[index] ?? schema.items[0] : schema.items\n}\n\nexport function isAdditionComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('Addition') > -1\n}\n\nexport function isIndexComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('Index') > -1\n}\n\nexport function isRemoveComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('Remove') > -1\n}\n\nexport function isMoveUpComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('MoveUp') > -1\n}\n\nexport function isMoveDownComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('MoveDown') > -1\n}\n\nexport function isOperationComponent(schema: ISchema) {\n  return (\n    isAdditionComponent(schema)\n    || isRemoveComponent(schema)\n    || isMoveDownComponent(schema)\n    || isMoveUpComponent(schema)\n  )\n}\n"],"names":["prefixCls","stylePrefix","useArray","inject","ArrayBaseSymbol","useIndex","indexRef","toRefs","ItemSymbol","useRecord","recordRef","isObjectValue","schema","useKey","isObject","keyMap","record","index","uid","getDefaultValue","defaultValue","isValid","clone","getArrayItemSchema","isArr","isAdditionComponent","isIndexComponent","isRemoveComponent","isMoveUpComponent","isMoveDownComponent","isOperationComponent"],"mappings":";;;;;;;;;AAOO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,IAAW;AACzB,SAAOC,EAAOC,GAAiB,IAAI;AACrC;AAEO,SAASC,IAAW;AACzB,QAAM,EAAE,OAAOC,EAAA,IAAaC,EAAOJ,EAAOK,CAAU,CAAwB;AAC5E,SAAOF;AACT;AAGO,SAASG,IAAY;AAC1B,QAAM,EAAE,QAAQC,EAAA,IAAcH;AAAA,IAC5BJ,EAAOK,CAAU;AAAA,EAAA;AAEnB,SAAOE;AACT;AAEA,MAAMC,IAA6C,CAACC,MAC9C,MAAM,QAAQA,GAAQ,KAAK,IACtBD,EAAcC,EAAO,MAAM,CAAC,CAAC,IAElCA,GAAQ,OAAO,SAAS,WAAWA,GAAQ,OAAO,SAAS;AAM1D,SAASC,EAAOD,GAAgB;AACrC,QAAME,IAAWH,EAAcC,CAAM;AACrC,MAAIG,IAAqE;AAEzE,SAAAA,IAASD,IAAW,oBAAI,QAAA,IAAY,CAAA,GAE7B;AAAA,IACL,QAAAC;AAAA,IACA,QAAQ,CAACC,GAAaC,MAChBF,aAAkB,WACfA,EAAO,IAAIC,CAAM,KACpBD,EAAO,IAAIC,GAAQE,GAAK,GAEnB,GAAGH,EAAO,IAAIC,CAAM,CAAC,OAG1BD,KAAU,CAACA,EAAOE,CAAK,MACzBF,EAAOE,CAAK,IAAIC,EAAA,IAEX,GAAGH,EAAOE,CAAK,CAAC;AAAA,EACzB;AAEJ;AAEO,SAASE,EAAgBC,GAAmBR,GAAqB;AACtE,SAAIS,EAAQD,CAAY,IACfE,EAAMF,CAAY,IACvB,MAAM,QAAQR,GAAQ,KAAK,IACtBO,EAAgBC,GAAcR,EAAO,MAAM,CAAC,CAAC,IAClDA,GAAQ,OAAO,SAAS,WACnB,CAAA,IACF;AACT;AAEO,SAASW,EAAmBX,GAAiBK,GAAwB;AAC1E,SAAOO,EAAMZ,EAAO,KAAK,IAAIA,EAAO,MAAMK,CAAK,KAAKL,EAAO,MAAM,CAAC,IAAIA,EAAO;AAC/E;AAEO,SAASa,EAAoBb,GAAiB;AACnD,SAAOA,EAAO,aAAa,GAAG,QAAQ,UAAU,IAAI;AACtD;AAEO,SAASc,EAAiBd,GAAiB;AAChD,SAAOA,EAAO,aAAa,GAAG,QAAQ,OAAO,IAAI;AACnD;AAEO,SAASe,EAAkBf,GAAiB;AACjD,SAAOA,EAAO,aAAa,GAAG,QAAQ,QAAQ,IAAI;AACpD;AAEO,SAASgB,EAAkBhB,GAAiB;AACjD,SAAOA,EAAO,aAAa,GAAG,QAAQ,QAAQ,IAAI;AACpD;AAEO,SAASiB,EAAoBjB,GAAiB;AACnD,SAAOA,EAAO,aAAa,GAAG,QAAQ,UAAU,IAAI;AACtD;AAEO,SAASkB,EAAqBlB,GAAiB;AACpD,SACEa,EAAoBb,CAAM,KACvBe,EAAkBf,CAAM,KACxBiB,EAAoBjB,CAAM,KAC1BgB,EAAkBhB,CAAM;AAE/B;"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/array-base/utils.ts"],"sourcesContent":["import type { ISchema, Schema } from '@formily/json-schema'\nimport type { IArrayBaseItemProps } from './types'\nimport { clone, isArr, isValid, uid } from '@formily/shared'\nimport { inject, toRefs } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { ArrayBaseSymbol, ItemSymbol } from './symbols'\n\nexport const prefixCls = `${stylePrefix}-array-base`\n\nexport function useArray() {\n  return inject(ArrayBaseSymbol, null)\n}\n\nexport function useIndex() {\n  const { index: indexRef } = toRefs(inject(ItemSymbol) as IArrayBaseItemProps)\n  return indexRef\n}\n\n/* istanbul ignore next -- @preserve */\nexport function useRecord() {\n  const { record: recordRef } = toRefs(\n    inject(ItemSymbol) as IArrayBaseItemProps,\n  )\n  return recordRef\n}\n\nconst isObjectValue: (schema: Schema) => boolean = (schema: Schema) => {\n  if (Array.isArray(schema?.items))\n    return isObjectValue(schema.items[0])\n\n  if (schema?.items?.type === 'array' || schema?.items?.type === 'object') {\n    return true\n  }\n  return false\n}\n\nexport function useKey(schema: Schema) {\n  const isObject = isObjectValue(schema)\n  let keyMap: WeakMap<Record<string, unknown>, string> | string[] | null = null\n\n  keyMap = isObject ? new WeakMap() : []\n\n  return {\n    keyMap,\n    getKey: (record: any, index?: number) => {\n      if (keyMap instanceof WeakMap) {\n        if (!keyMap.has(record)) {\n          keyMap.set(record, uid())\n        }\n        return `${keyMap.get(record)}`\n      }\n\n      if (keyMap && !keyMap[index]) {\n        keyMap[index] = uid()\n      }\n      return `${keyMap[index]}`\n    },\n  }\n}\n\nexport function getDefaultValue(defaultValue: any, schema: Schema): any {\n  if (isValid(defaultValue))\n    return clone(defaultValue)\n  if (Array.isArray(schema?.items))\n    return getDefaultValue(defaultValue, schema.items[0])\n  if (schema?.items?.type === 'object')\n    return {}\n  return null\n}\n\nexport function getArrayItemSchema(schema: ISchema, index: number): ISchema {\n  return isArr(schema.items) ? schema.items[index] ?? schema.items[0] : schema.items\n}\n\nexport function isAdditionComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('Addition') > -1\n}\n\nexport function isIndexComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('Index') > -1\n}\n\nexport function isRemoveComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('Remove') > -1\n}\n\nexport function isMoveUpComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('MoveUp') > -1\n}\n\nexport function isMoveDownComponent(schema: ISchema) {\n  return schema['x-component']?.indexOf('MoveDown') > -1\n}\n\nexport function isOperationComponent(schema: ISchema) {\n  return (\n    isAdditionComponent(schema)\n    || isRemoveComponent(schema)\n    || isMoveDownComponent(schema)\n    || isMoveUpComponent(schema)\n  )\n}\n"],"mappings":";;;;;AAOA,MAAa,YAAY,GAAG,YAAY;AAExC,SAAgB,WAAW;AACzB,QAAO,OAAO,iBAAiB,KAAK;;AAGtC,SAAgB,WAAW;CACzB,MAAM,EAAE,OAAO,aAAa,OAAO,OAAO,WAAW,CAAwB;AAC7E,QAAO;;;AAIT,SAAgB,YAAY;CAC1B,MAAM,EAAE,QAAQ,cAAc,OAC5B,OAAO,WAAW,CACnB;AACD,QAAO;;AAGT,MAAM,iBAA8C,WAAmB;AACrE,KAAI,MAAM,QAAQ,QAAQ,MAAM,CAC9B,QAAO,cAAc,OAAO,MAAM,GAAG;AAEvC,KAAI,QAAQ,OAAO,SAAS,WAAW,QAAQ,OAAO,SAAS,SAC7D,QAAO;AAET,QAAO;;AAGT,SAAgB,OAAO,QAAgB;CACrC,MAAM,WAAW,cAAc,OAAO;CACtC,IAAI,SAAqE;AAEzE,UAAS,2BAAW,IAAI,SAAS,GAAG,EAAE;AAEtC,QAAO;EACL;EACA,SAAS,QAAa,UAAmB;AACvC,OAAI,kBAAkB,SAAS;AAC7B,QAAI,CAAC,OAAO,IAAI,OAAO,CACrB,QAAO,IAAI,QAAQ,KAAK,CAAC;AAE3B,WAAO,GAAG,OAAO,IAAI,OAAO;;AAG9B,OAAI,UAAU,CAAC,OAAO,OACpB,QAAO,SAAS,KAAK;AAEvB,UAAO,GAAG,OAAO;;EAEpB;;AAGH,SAAgB,gBAAgB,cAAmB,QAAqB;AACtE,KAAI,QAAQ,aAAa,CACvB,QAAO,MAAM,aAAa;AAC5B,KAAI,MAAM,QAAQ,QAAQ,MAAM,CAC9B,QAAO,gBAAgB,cAAc,OAAO,MAAM,GAAG;AACvD,KAAI,QAAQ,OAAO,SAAS,SAC1B,QAAO,EAAE;AACX,QAAO;;AAGT,SAAgB,mBAAmB,QAAiB,OAAwB;AAC1E,QAAO,MAAM,OAAO,MAAM,GAAG,OAAO,MAAM,UAAU,OAAO,MAAM,KAAK,OAAO;;AAG/E,SAAgB,oBAAoB,QAAiB;AACnD,QAAO,OAAO,gBAAgB,QAAQ,WAAW,GAAG;;AAGtD,SAAgB,iBAAiB,QAAiB;AAChD,QAAO,OAAO,gBAAgB,QAAQ,QAAQ,GAAG;;AAGnD,SAAgB,kBAAkB,QAAiB;AACjD,QAAO,OAAO,gBAAgB,QAAQ,SAAS,GAAG;;AAGpD,SAAgB,kBAAkB,QAAiB;AACjD,QAAO,OAAO,gBAAgB,QAAQ,SAAS,GAAG;;AAGpD,SAAgB,oBAAoB,QAAiB;AACnD,QAAO,OAAO,gBAAgB,QAAQ,WAAW,GAAG;;AAGtD,SAAgB,qBAAqB,QAAiB;AACpD,QACE,oBAAoB,OAAO,IACxB,kBAAkB,OAAO,IACzB,oBAAoB,OAAO,IAC3B,kBAAkB,OAAO"}

package/esm/array-cards/array-cards.mjs

@@ -0,0 +1,109 @@
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from "../array-base/utils.mjs";
+import { ArrayBase } from "../array-base/index.mjs";
+import { ElCard, ElEmpty, ElRow } from "element-plus";
+import { autorunEffect } from "@silver-formily/reactive-vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { RecursionField, useField, useFieldSchema } from "@silver-formily/vue";
+import { isArr } from "@formily/shared";
+//#region src/array-cards/array-cards.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FArrayCards",
+	__name: "array-cards",
+	props: {
+		title: {},
+		header: {},
+		footer: {},
+		bodyStyle: {},
+		bodyClass: {},
+		shadow: { default: "never" },
+		modelValue: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const fieldRef = useField();
+		const schemaRef = useFieldSchema();
+		const field = fieldRef.value;
+		const schema = schemaRef.value;
+		const prefixCls = `${stylePrefix}-array-cards`;
+		const { getKey, keyMap } = ArrayBase.useKey(schemaRef.value);
+		const dataSource = ref(isArr(field.value) ? field.value : []);
+		autorunEffect(() => {
+			dataSource.value = isArr(field.value) ? [...field.value] : [];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(prefixCls) }, [createVNode(unref(ArrayBase), { "key-map": unref(keyMap) }, {
+				default: withCtx(() => [
+					createCommentVNode(" 空状态渲染 "),
+					!(unref(isArr)(unref(field).value) && unref(field).value.length > 0) ? (openBlock(), createBlock(unref(ElCard), mergeProps({
+						key: 0,
+						class: `${prefixCls}-item`
+					}, props), {
+						default: withCtx(() => [createVNode(unref(ElEmpty))]),
+						_: 1
+					}, 16, ["class"])) : createCommentVNode("v-if", true),
+					createCommentVNode(" 数据项渲染 "),
+					unref(isArr)(props.modelValue) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(dataSource.value, (item, index) => {
+						return openBlock(), createBlock(unref(ArrayBase).Item, {
+							key: unref(getKey)(item, index),
+							index,
+							record: item
+						}, {
+							default: withCtx(() => [createVNode(unref(ElCard), mergeProps({ ref_for: true }, props, { class: `${prefixCls}-item` }), {
+								header: withCtx(() => [createVNode(unref(ElRow), {
+									type: "flex",
+									justify: "space-between"
+								}, {
+									default: withCtx(() => [createElementVNode("span", null, [createVNode(unref(RecursionField), {
+										schema: unref(getArrayItemSchema)(unref(schema), index),
+										name: index,
+										"filter-properties": (schema) => unref(isIndexComponent)(schema),
+										"only-render-properties": true
+									}, null, 8, [
+										"schema",
+										"name",
+										"filter-properties"
+									]), createTextVNode(" " + toDisplayString(unref(getArrayItemSchema)(unref(schema), index).title ?? props.title ?? unref(field).title), 1)]), createElementVNode("span", { class: normalizeClass(`${prefixCls}-extra-container`) }, [createVNode(unref(RecursionField), {
+										schema: unref(getArrayItemSchema)(unref(schema), index),
+										name: index,
+										"filter-properties": (schema) => unref(isOperationComponent)(schema),
+										"only-render-properties": true
+									}, null, 8, [
+										"schema",
+										"name",
+										"filter-properties"
+									])], 2)]),
+									_: 2
+								}, 1024)]),
+								default: withCtx(() => [createVNode(unref(RecursionField), {
+									schema: unref(getArrayItemSchema)(unref(schema), index),
+									name: index,
+									"filter-properties": (schema) => !unref(isIndexComponent)(schema) && !unref(isOperationComponent)(schema)
+								}, null, 8, [
+									"schema",
+									"name",
+									"filter-properties"
+								])]),
+								_: 2
+							}, 1040, ["class"])]),
+							_: 2
+						}, 1032, ["index", "record"]);
+					}), 128)) : createCommentVNode("v-if", true),
+					createCommentVNode(" 添加按钮渲染 "),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(unref(schema).properties, (itemSchema, key) => {
+						return openBlock(), createElementBlock(Fragment, { key }, [unref(isAdditionComponent)(itemSchema) ? (openBlock(), createBlock(unref(RecursionField), {
+							key: 0,
+							schema: itemSchema,
+							name: "addition"
+						}, null, 8, ["schema"])) : createCommentVNode("v-if", true)], 64);
+					}), 128))
+				]),
+				_: 1
+			}, 8, ["key-map"])]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=array-cards.mjs.map

package/esm/array-cards/array-cards.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-cards.mjs","names":[],"sources":["../../src/array-cards/array-cards.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { isArr } from '@formily/shared'\nimport { autorunEffect } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElCard, ElEmpty, ElRow } from 'element-plus'\nimport { ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { ArrayBase } from '../array-base'\nimport { getArrayItemSchema, isAdditionComponent, isIndexComponent, isOperationComponent } from '../array-base/utils'\n\ndefineOptions({\n  name: 'FArrayCards',\n})\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  header?: string\n  footer?: string\n  bodyStyle?: Record<string, string>\n  bodyClass?: string\n  shadow?: 'always' | 'hover' | 'never'\n  modelValue: any\n}>(), {\n  shadow: 'never',\n})\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\nconst field = fieldRef.value\nconst schema = schemaRef.value\n\nconst prefixCls = `${stylePrefix}-array-cards`\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst dataSource = ref(isArr(field.value) ? field.value : [])\n\nautorunEffect(() => {\n  dataSource.value = isArr(field.value) ? [...field.value] : []\n})\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ArrayBase :key-map=\"keyMap\">\n      <!-- 空状态渲染 -->\n      <ElCard\n        v-if=\"!(isArr(field.value) && field.value.length > 0)\"\n        :class=\"`${prefixCls}-item`\"\n        v-bind=\"props\"\n      >\n        <ElEmpty />\n      </ElCard>\n\n      <!-- 数据项渲染 -->\n      <template v-if=\"isArr(props.modelValue)\">\n        <ArrayBase.Item\n          v-for=\"(item, index) of dataSource\"\n          :key=\"getKey(item, index)\"\n          :index=\"index\"\n          :record=\"item\"\n        >\n          <ElCard\n            v-bind=\"props\"\n            :class=\"`${prefixCls}-item`\"\n          >\n            <template #header>\n              <ElRow type=\"flex\" justify=\"space-between\">\n                <span>\n                  <RecursionField\n                    :schema=\"getArrayItemSchema(schema, index)\"\n                    :name=\"index\"\n                    :filter-properties=\"(schema: ISchema) => isIndexComponent(schema)\"\n                    :only-render-properties=\"true\"\n                  />\n                  {{ getArrayItemSchema(schema, index).title ?? props.title ?? field.title }}\n                </span>\n                <span :class=\"`${prefixCls}-extra-container`\">\n                  <RecursionField\n                    :schema=\"getArrayItemSchema(schema, index)\"\n                    :name=\"index\"\n                    :filter-properties=\"(schema: ISchema) => isOperationComponent(schema)\"\n                    :only-render-properties=\"true\"\n                  />\n                </span>\n              </ElRow>\n            </template>\n            <RecursionField\n              :schema=\"getArrayItemSchema(schema, index)\"\n              :name=\"index\"\n              :filter-properties=\"(schema: ISchema) => !isIndexComponent(schema) && !isOperationComponent(schema)\"\n            />\n          </ElCard>\n        </ArrayBase.Item>\n      </template>\n\n      <!-- 添加按钮渲染 -->\n      <template v-for=\"(itemSchema, key) in schema.properties\" :key=\"key\">\n        <RecursionField\n          v-if=\"isAdditionComponent(itemSchema)\"\n          :schema=\"itemSchema\"\n          name=\"addition\"\n        />\n      </template>\n    </ArrayBase>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAWd,MAAM,WAAW,UAAqB;EACtC,MAAM,YAAY,gBAAe;EACjC,MAAM,QAAQ,SAAS;EACvB,MAAM,SAAS,UAAU;EAEzB,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,EAAE,QAAQ,WAAW,UAAU,OAAO,UAAU,MAAK;EAE3D,MAAM,aAAa,IAAI,MAAM,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE,CAAA;AAE5D,sBAAoB;AAClB,cAAW,QAAQ,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,MAAM,MAAM,GAAG,EAAC;IAC7D;;uBAIC,mBA8DM,OAAA,EA9DA,OAAK,eAAE,UAAS,EAAA,EAAA,CACpB,YA4DY,MAAA,UAAA,EAAA,EA5DA,WAAS,MAAA,OAAM,EAAA,EAAA;2BACX;KAAd,mBAAA,UAAc;OAEJ,MAAA,MAAK,CAAC,MAAA,MAAK,CAAC,MAAK,IAAK,MAAA,MAAK,CAAC,MAAM,SAAM,MAAA,WAAA,EADlD,YAMS,MAAA,OAAA,EANT,WAMS;;MAJN,OAAK,GAAK,UAAS;QACZ,MAAK,EAAA;6BAEF,CAAX,YAAW,MAAA,QAAA,CAAA,CAAA,CAAA;;;KAGb,mBAAA,UAAc;KACE,MAAA,MAAK,CAAC,MAAM,WAAU,IAAA,UAAA,KAAA,EACpC,mBAqCiB,UAAA,EAAA,KAAA,GAAA,EAAA,WApCS,WAAA,QAAhB,MAAM,UAAK;0BADrB,YAqCiB,MAAA,UAAA,CAAA,MAAA;OAnCd,KAAK,MAAA,OAAM,CAAC,MAAM,MAAK;OAChB;OACP,QAAQ;;8BAgCA,CA9BT,YA8BS,MAAA,OAAA,EA9BT,WA8BS,EAAA,SAAA,MAAA,EA7BC,OAAK,EACZ,OAAK,GAAK,UAAS,QAAA,CAAA,EAAA;QAET,QAAM,cAmBP,CAlBR,YAkBQ,MAAA,MAAA,EAAA;SAlBD,MAAK;SAAO,SAAQ;;gCASlB,CARP,mBAQO,QAAA,MAAA,CAPL,YAKE,MAAA,eAAA,EAAA;UAJC,QAAQ,MAAA,mBAAkB,CAAC,MAAA,OAAM,EAAE,MAAK;UACxC,MAAM;UACN,sBAAoB,WAAoB,MAAA,iBAAgB,CAAC,OAAM;UAC/D,0BAAwB;;;;;6BACzB,MACF,gBAAG,MAAA,mBAAkB,CAAC,MAAA,OAAM,EAAE,MAAK,CAAE,SAAS,MAAM,SAAS,MAAA,MAAK,CAAC,MAAK,EAAA,EAAA,CAAA,CAAA,EAE1E,mBAOO,QAAA,EAPA,OAAK,eAAA,GAAK,UAAS,kBAAA,EAAA,EAAA,CACxB,YAKE,MAAA,eAAA,EAAA;UAJC,QAAQ,MAAA,mBAAkB,CAAC,MAAA,OAAM,EAAE,MAAK;UACxC,MAAM;UACN,sBAAoB,WAAoB,MAAA,qBAAoB,CAAC,OAAM;UACnE,0BAAwB;;;;;;;;+BAS/B,CAJF,YAIE,MAAA,eAAA,EAAA;SAHC,QAAQ,MAAA,mBAAkB,CAAC,MAAA,OAAM,EAAE,MAAK;SACxC,MAAM;SACN,sBAAoB,WAAe,CAAM,MAAA,iBAAgB,CAAC,OAAM,IAAA,CAAM,MAAA,qBAAoB,CAAC,OAAM;;;;;;;;;;;KAM1G,mBAAA,WAAe;uBACf,mBAMW,UAAA,MAAA,WAN2B,MAAA,OAAM,CAAC,aAA3B,YAAY,QAAG;yDAA8B,KAAG,EAAA,CAExD,MAAA,oBAAmB,CAAC,WAAU,IAAA,WAAA,EADtC,YAIE,MAAA,eAAA,EAAA;;OAFC,QAAQ;OACT,MAAK"}