yuyeon 0.3.1-rc.6 → 0.3.2-rc.1

package/lib/components/tree-view/tree-view.js

@@ -0,0 +1,179 @@
+import { inject, provide, ref, shallowRef } from 'vue';
+import { useModelDuplex } from "../../composables/index.js";
+import { getObjectValueByPath } from "../../util/index.js";
+export const Y_TREE_VIEW = Symbol.for('YTreeView');
+
+// TODO: props type
+export function provideTreeView(props) {
+  const nodes = ref({});
+  const expanded = useModelDuplex(props, 'expanded');
+  const active = useModelDuplex(props, 'active');
+  const selected = useModelDuplex(props, 'selected');
+  const expandedSet = ref(new Set());
+  const selectedSet = ref(new Set());
+  const activeSet = ref(new Set());
+  const searchLoading = shallowRef(false);
+  const excludedSet = ref(new Set());
+
+  // Utils
+  function getDescendants(key) {
+    const descendants = [];
+    const {
+      childKeys
+    } = nodes.value[key];
+    descendants.push(...childKeys);
+    const remains = childKeys.slice();
+    while (remains.length > 0) {
+      const childKey = remains.splice(0, 1)[0];
+      const item = nodes.value[childKey];
+      if (item) {
+        descendants.push(...item.childKeys);
+        remains.push(...item.childKeys);
+      }
+    }
+    return descendants;
+  }
+
+  // Search
+  function isExcluded(key) {
+    return !!props.search && excludedSet.value.has(key);
+  }
+
+  //
+  function issueVnodeState(key) {
+    const node = nodes.value[key];
+    if (node?.vnode) {
+      node.vnode.active = node.active;
+      node.vnode.selected = node.selected;
+      node.vnode.indeterminate = node.indeterminate;
+      node.vnode.expanded = node.expanded;
+    }
+  }
+
+  // Update
+  function updateExpanded(key, to) {
+    if (!(key in nodes.value)) return;
+    const node = nodes.value[key];
+    const children = getObjectValueByPath(node.item, props.itemChildren);
+    if (Array.isArray(children) && children.length > 0) {
+      to ? expandedSet.value.add(key) : expandedSet.value.delete(key);
+      node.expanded = to;
+      issueVnodeState(key);
+    }
+  }
+  function updateActive(key, to, event) {
+    if (!(key in nodes.value)) return;
+    const node = nodes.value[key];
+    let inactiveKey = !to ? key : '';
+    if (!props.multipleActive && to && !activeSet.value.has(key)) {
+      [inactiveKey] = [...activeSet.value];
+    }
+    if (to) {
+      activeSet.value.add(key);
+      node.active = true;
+      issueVnodeState(key);
+    } else {
+      if (props.requiredActive && activeSet.value.size === 1 && key === inactiveKey) {
+        issueVnodeState(key);
+        return;
+      }
+    }
+    if (inactiveKey && inactiveKey in nodes.value) {
+      activeSet.value.delete(inactiveKey);
+      nodes.value[inactiveKey].active = false;
+      issueVnodeState(inactiveKey);
+    }
+    if (props.activeSingleModifier && event?.getModifierState(props.activeSingleModifier)) {
+      return;
+    }
+    if (props.multipleActive && props.activeStrategy === 'cascade') {
+      for (const descendant of getDescendants(key)) {
+        if (descendant in nodes.value) {
+          to ? activeSet.value.add(descendant) : activeSet.value.delete(descendant);
+          nodes.value[descendant].active = to;
+          issueVnodeState(descendant);
+        }
+      }
+    }
+  }
+  function updateSelected(key, to) {
+    if (!(key in nodes.value)) return;
+    const node = nodes.value[key];
+    if (to) {
+      selectedSet.value.add(key);
+      node.selected = true;
+    }
+    if (!to && key in nodes.value) {
+      selectedSet.value.delete(key);
+      nodes.value[key].selected = false;
+      issueVnodeState(key);
+    }
+    if (props.selectStrategy === 'cascade') {
+      for (const descendant of getDescendants(key)) {
+        if (descendant in nodes.value) {
+          to ? selectedSet.value.add(descendant) : selectedSet.value.delete(descendant);
+          nodes.value[descendant].selected = to;
+          issueVnodeState(descendant);
+        }
+      }
+    }
+  }
+
+  // Emit
+  function emitExpanded() {
+    const arr = [...expandedSet.value];
+    expanded.value = props.returnItem ? arr.map(key => nodes.value[key].item) : arr;
+  }
+  function emitActive() {
+    const arr = [...activeSet.value];
+    active.value = props.returnItem ? arr.map(key => nodes.value[key].item) : arr;
+  }
+  function emitSelected() {
+    const arr = [...selectedSet.value];
+    selected.value = props.returnItem ? arr.map(key => nodes.value[key].item) : arr;
+  }
+
+  // Inject
+  function register(key, vnode) {
+    if (nodes.value[key]) {
+      nodes.value[key].vnode = vnode;
+    }
+    issueVnodeState(key);
+  }
+  provide(Y_TREE_VIEW, {
+    register,
+    updateExpanded,
+    updateActive,
+    updateSelected,
+    searchLoading,
+    isExcluded,
+    emitExpanded,
+    emitActive,
+    emitSelected
+  });
+  return {
+    nodes,
+    expanded,
+    active,
+    selected,
+    issueVnodeState,
+    updateExpanded,
+    updateActive,
+    updateSelected,
+    emitExpanded,
+    emitActive,
+    emitSelected,
+    expandedSet,
+    selectedSet,
+    activeSet,
+    searchLoading,
+    excludedSet,
+    isExcluded
+  };
+}
+export function useTreeView() {
+  const instance = inject(Y_TREE_VIEW);
+  if (!instance) throw new Error('Not found provided YTreeView');
+  return instance;
+}
+//# sourceMappingURL=tree-view.js.map

package/lib/components/tree-view/tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.js","names":["inject","provide","ref","shallowRef","useModelDuplex","getObjectValueByPath","Y_TREE_VIEW","Symbol","for","provideTreeView","props","nodes","expanded","active","selected","expandedSet","Set","selectedSet","activeSet","searchLoading","excludedSet","getDescendants","key","descendants","childKeys","value","push","remains","slice","length","childKey","splice","item","isExcluded","search","has","issueVnodeState","node","vnode","indeterminate","updateExpanded","to","children","itemChildren","Array","isArray","add","delete","updateActive","event","inactiveKey","multipleActive","requiredActive","size","activeSingleModifier","getModifierState","activeStrategy","descendant","updateSelected","selectStrategy","emitExpanded","arr","returnItem","map","emitActive","emitSelected","register","useTreeView","instance","Error"],"sources":["../../../src/components/tree-view/tree-view.ts"],"sourcesContent":["import {\n  InjectionKey,\n  Ref,\n  inject,\n  provide,\n  ref,\n  shallowRef,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables';\nimport { CandidateKey } from '@/types';\nimport { getObjectValueByPath } from '@/util';\n\nexport const Y_TREE_VIEW: InjectionKey<{\n  register: (key: CandidateKey, vnode: any) => void;\n  updateExpanded: (key: CandidateKey, to: boolean) => void;\n  updateActive: (key: CandidateKey, to: boolean, event?: MouseEvent) => void;\n  updateSelected: (key: CandidateKey, to: boolean) => void;\n  searchLoading: Ref<boolean>;\n  isExcluded: (key: CandidateKey) => boolean;\n  emitExpanded: () => void;\n  emitActive: () => void;\n  emitSelected: () => void;\n}> = Symbol.for('YTreeView');\n\n// TODO: props type\nexport function provideTreeView(props: any) {\n  const nodes = ref<Record<CandidateKey, any>>({});\n  const expanded = useModelDuplex(props, 'expanded');\n  const active = useModelDuplex(props, 'active');\n  const selected = useModelDuplex(props, 'selected');\n\n  const expandedSet = ref(new Set<CandidateKey>());\n  const selectedSet = ref(new Set<CandidateKey>());\n  const activeSet = ref(new Set<CandidateKey>());\n  const searchLoading = shallowRef(false);\n  const excludedSet = ref(new Set<CandidateKey>());\n\n  // Utils\n  function getDescendants(key: CandidateKey) {\n    const descendants: CandidateKey[] = [];\n    const { childKeys } = nodes.value[key];\n    descendants.push(...childKeys);\n    const remains: CandidateKey[] = childKeys.slice();\n\n    while (remains.length > 0) {\n      const childKey: CandidateKey = remains.splice(0, 1)[0];\n      const item = nodes.value[childKey];\n      if (item) {\n        descendants.push(...item.childKeys);\n        remains.push(...item.childKeys);\n      }\n    }\n\n    return descendants;\n  }\n\n  // Search\n  function isExcluded(key: CandidateKey) {\n    return !!props.search && excludedSet.value.has(key);\n  }\n\n  //\n  function issueVnodeState(key: CandidateKey) {\n    const node = nodes.value[key];\n    if (node?.vnode) {\n      node.vnode.active = node.active;\n      node.vnode.selected = node.selected;\n      node.vnode.indeterminate = node.indeterminate;\n      node.vnode.expanded = node.expanded;\n    }\n  }\n\n  // Update\n  function updateExpanded(key: CandidateKey, to: boolean) {\n    if (!(key in nodes.value)) return;\n    const node = nodes.value[key];\n    const children = getObjectValueByPath(\n      node.item,\n      props.itemChildren as string,\n    );\n    if (Array.isArray(children) && children.length > 0) {\n      to ? expandedSet.value.add(key) : expandedSet.value.delete(key);\n      node.expanded = to;\n      issueVnodeState(key);\n    }\n  }\n\n  function updateActive(key: CandidateKey, to: boolean, event?: MouseEvent) {\n    if (!(key in nodes.value)) return;\n    const node = nodes.value[key];\n    let inactiveKey = !to ? key : '';\n    if (!props.multipleActive && to && !activeSet.value.has(key)) {\n      [inactiveKey] = [...activeSet.value];\n    }\n    if (to) {\n      activeSet.value.add(key);\n      node.active = true;\n      issueVnodeState(key);\n    } else {\n      if (\n        props.requiredActive &&\n        activeSet.value.size === 1 &&\n        key === inactiveKey\n      ) {\n        issueVnodeState(key);\n        return;\n      }\n    }\n    if (inactiveKey && inactiveKey in nodes.value) {\n      activeSet.value.delete(inactiveKey);\n      nodes.value[inactiveKey].active = false;\n      issueVnodeState(inactiveKey);\n    }\n\n    if (\n      props.activeSingleModifier &&\n      event?.getModifierState(props.activeSingleModifier)\n    ) {\n      return;\n    }\n\n    if (props.multipleActive && props.activeStrategy === 'cascade') {\n      for (const descendant of getDescendants(key)) {\n        if (descendant in nodes.value) {\n          to\n            ? activeSet.value.add(descendant)\n            : activeSet.value.delete(descendant);\n          nodes.value[descendant].active = to;\n          issueVnodeState(descendant);\n        }\n      }\n    }\n  }\n\n  function updateSelected(key: CandidateKey, to: boolean) {\n    if (!(key in nodes.value)) return;\n    const node = nodes.value[key];\n\n    if (to) {\n      selectedSet.value.add(key);\n      node.selected = true;\n    }\n\n    if (!to && key in nodes.value) {\n      selectedSet.value.delete(key);\n      nodes.value[key].selected = false;\n      issueVnodeState(key);\n    }\n\n    if (props.selectStrategy === 'cascade') {\n      for (const descendant of getDescendants(key)) {\n        if (descendant in nodes.value) {\n          to\n            ? selectedSet.value.add(descendant)\n            : selectedSet.value.delete(descendant);\n          nodes.value[descendant].selected = to;\n          issueVnodeState(descendant);\n        }\n      }\n    }\n  }\n\n  // Emit\n  function emitExpanded() {\n    const arr = [...expandedSet.value];\n    expanded.value = props.returnItem\n      ? arr.map((key) => nodes.value[key].item)\n      : arr;\n  }\n\n  function emitActive() {\n    const arr = [...activeSet.value];\n    active.value = props.returnItem\n      ? arr.map((key) => nodes.value[key].item)\n      : arr;\n  }\n\n  function emitSelected() {\n    const arr = [...selectedSet.value];\n    selected.value = props.returnItem\n      ? arr.map((key) => nodes.value[key].item)\n      : arr;\n  }\n\n  // Inject\n  function register(key: CandidateKey, vnode: any) {\n    if (nodes.value[key]) {\n      nodes.value[key].vnode = vnode;\n    }\n\n    issueVnodeState(key);\n  }\n\n  provide(Y_TREE_VIEW, {\n    register,\n    updateExpanded,\n    updateActive,\n    updateSelected,\n    searchLoading,\n    isExcluded,\n    emitExpanded,\n    emitActive,\n    emitSelected,\n  });\n\n  return {\n    nodes,\n    expanded,\n    active,\n    selected,\n    issueVnodeState,\n    updateExpanded,\n    updateActive,\n    updateSelected,\n    emitExpanded,\n    emitActive,\n    emitSelected,\n    expandedSet,\n    selectedSet,\n    activeSet,\n    searchLoading,\n    excludedSet,\n    isExcluded,\n  };\n}\n\nexport function useTreeView() {\n  const instance = inject(Y_TREE_VIEW);\n  if (!instance) throw new Error('Not found provided YTreeView');\n  return instance;\n}\n"],"mappings":"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"}

package/lib/components/tree-view/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/tree-view/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/tree-view/types.ts"],"sourcesContent":["import { type ComponentPublicInstance } from 'vue';\r\n\r\nimport type { CandidateKey } from '@/types';\r\n\r\nexport interface NodeState {\r\n  childKeys: CandidateKey[];\r\n  item: any;\r\n  parentKey: null | CandidateKey;\r\n  vnode: null | ComponentPublicInstance;\r\n  level: number;\r\n  //\r\n  selected: false;\r\n  indeterminate: false;\r\n  active: false;\r\n  expanded: false;\r\n}\r\n\r\nexport type TreeviewFilterFn = (\r\n  item: any,\r\n  search: string,\r\n  itemText: string,\r\n) => boolean;\r\n"],"mappings":""}

package/lib/components/tree-view/util.js

@@ -0,0 +1,40 @@
+import { getObjectValueByPath } from "../../util/common.js";
+export function getKeys(items, itemKey, childrenKey) {
+  const keys = [];
+  const remains = items.slice();
+  while (remains.length > 0) {
+    const item = remains.splice(0, 1);
+    const key = getObjectValueByPath(item, itemKey);
+    keys.push(key);
+    const children = getObjectValueByPath(item, childrenKey);
+    if (Array.isArray(children)) {
+      remains.push(...children);
+    }
+  }
+  return keys;
+}
+export function filterTreeItem(item, search, textKey) {
+  const text = getObjectValueByPath(item, textKey);
+  return text?.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;
+}
+export function filterTreeItems(filter, item, search, idKey, textKey, childrenKey, excluded) {
+  const children = getObjectValueByPath(item, childrenKey);
+  if (children) {
+    let match = false;
+    for (let i = 0; i < children.length; i++) {
+      if (filterTreeItems(filter, children[i], search, idKey, textKey, childrenKey, excluded)) {
+        match = true;
+      }
+    }
+    if (match) {
+      return true;
+    } else if (filter(item, search, textKey)) {
+      return true;
+    }
+  } else if (filter(item, search, textKey)) {
+    return true;
+  }
+  excluded.add(getObjectValueByPath(item, idKey));
+  return false;
+}
+//# sourceMappingURL=util.js.map

package/lib/components/tree-view/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","names":["getObjectValueByPath","getKeys","items","itemKey","childrenKey","keys","remains","slice","length","item","splice","key","push","children","Array","isArray","filterTreeItem","search","textKey","text","toLocaleLowerCase","indexOf","filterTreeItems","filter","idKey","excluded","match","i","add"],"sources":["../../../src/components/tree-view/util.ts"],"sourcesContent":["import { CandidateKey } from '../../types';\r\nimport { getObjectValueByPath } from '../../util/common';\r\nimport { TreeviewFilterFn } from './types';\r\n\r\nexport function getKeys(items: any[], itemKey: string, childrenKey: string) {\r\n  const keys: CandidateKey[] = [];\r\n  const remains: any[] = items.slice();\r\n\r\n  while (remains.length > 0) {\r\n    const item = remains.splice(0, 1);\r\n    const key = getObjectValueByPath(item, itemKey);\r\n    keys.push(key);\r\n    const children = getObjectValueByPath(item, childrenKey);\r\n    if (Array.isArray(children)) {\r\n      remains.push(...children);\r\n    }\r\n  }\r\n\r\n  return keys;\r\n}\r\n\r\nexport function filterTreeItem(\r\n  item: object,\r\n  search: string,\r\n  textKey: string,\r\n): boolean {\r\n  const text = getObjectValueByPath(item, textKey);\r\n\r\n  return text?.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1;\r\n}\r\n\r\nexport function filterTreeItems(\r\n  filter: TreeviewFilterFn,\r\n  item: any,\r\n  search: string,\r\n  idKey: string,\r\n  textKey: string,\r\n  childrenKey: string,\r\n  excluded: Set<CandidateKey>,\r\n): boolean {\r\n  const children = getObjectValueByPath(item, childrenKey);\r\n\r\n  if (children) {\r\n    let match = false;\r\n    for (let i = 0; i < children.length; i++) {\r\n      if (\r\n        filterTreeItems(\r\n          filter,\r\n          children[i],\r\n          search,\r\n          idKey,\r\n          textKey,\r\n          childrenKey,\r\n          excluded,\r\n        )\r\n      ) {\r\n        match = true;\r\n      }\r\n    }\r\n\r\n    if (match) {\r\n      return true;\r\n    } else if (filter(item, search, textKey)) {\r\n      return true;\r\n    }\r\n  } else if (filter(item, search, textKey)) {\r\n    return true;\r\n  }\r\n\r\n  excluded.add(getObjectValueByPath(item, idKey));\r\n\r\n  return false;\r\n}\r\n"],"mappings":"SACSA,oBAAoB;AAG7B,OAAO,SAASC,OAAOA,CAACC,KAAY,EAAEC,OAAe,EAAEC,WAAmB,EAAE;EAC1E,MAAMC,IAAoB,GAAG,EAAE;EAC/B,MAAMC,OAAc,GAAGJ,KAAK,CAACK,KAAK,CAAC,CAAC;EAEpC,OAAOD,OAAO,CAACE,MAAM,GAAG,CAAC,EAAE;IACzB,MAAMC,IAAI,GAAGH,OAAO,CAACI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACjC,MAAMC,GAAG,GAAGX,oBAAoB,CAACS,IAAI,EAAEN,OAAO,CAAC;IAC/CE,IAAI,CAACO,IAAI,CAACD,GAAG,CAAC;IACd,MAAME,QAAQ,GAAGb,oBAAoB,CAACS,IAAI,EAAEL,WAAW,CAAC;IACxD,IAAIU,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,EAAE;MAC3BP,OAAO,CAACM,IAAI,CAAC,GAAGC,QAAQ,CAAC;IAC3B;EACF;EAEA,OAAOR,IAAI;AACb;AAEA,OAAO,SAASW,cAAcA,CAC5BP,IAAY,EACZQ,MAAc,EACdC,OAAe,EACN;EACT,MAAMC,IAAI,GAAGnB,oBAAoB,CAACS,IAAI,EAAES,OAAO,CAAC;EAEhD,OAAOC,IAAI,EAAEC,iBAAiB,CAAC,CAAC,CAACC,OAAO,CAACJ,MAAM,CAACG,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3E;AAEA,OAAO,SAASE,eAAeA,CAC7BC,MAAwB,EACxBd,IAAS,EACTQ,MAAc,EACdO,KAAa,EACbN,OAAe,EACfd,WAAmB,EACnBqB,QAA2B,EAClB;EACT,MAAMZ,QAAQ,GAAGb,oBAAoB,CAACS,IAAI,EAAEL,WAAW,CAAC;EAExD,IAAIS,QAAQ,EAAE;IACZ,IAAIa,KAAK,GAAG,KAAK;IACjB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGd,QAAQ,CAACL,MAAM,EAAEmB,CAAC,EAAE,EAAE;MACxC,IACEL,eAAe,CACbC,MAAM,EACNV,QAAQ,CAACc,CAAC,CAAC,EACXV,MAAM,EACNO,KAAK,EACLN,OAAO,EACPd,WAAW,EACXqB,QACF,CAAC,EACD;QACAC,KAAK,GAAG,IAAI;MACd;IACF;IAEA,IAAIA,KAAK,EAAE;MACT,OAAO,IAAI;IACb,CAAC,MAAM,IAAIH,MAAM,CAACd,IAAI,EAAEQ,MAAM,EAAEC,OAAO,CAAC,EAAE;MACxC,OAAO,IAAI;IACb;EACF,CAAC,MAAM,IAAIK,MAAM,CAACd,IAAI,EAAEQ,MAAM,EAAEC,OAAO,CAAC,EAAE;IACxC,OAAO,IAAI;EACb;EAEAO,QAAQ,CAACG,GAAG,CAAC5B,oBAAoB,CAACS,IAAI,EAAEe,KAAK,CAAC,CAAC;EAE/C,OAAO,KAAK;AACd"}

package/lib/composables/choice-link.js

@@ -0,0 +1,13 @@
+import { nextTick, watch } from 'vue';
+export function useChoiceByLink(link, select) {
+  watch(() => link.isActive?.value, neo => {
+    if (link.isLink.value && neo && select) {
+      nextTick(() => {
+        select(true);
+      });
+    }
+  }, {
+    immediate: true
+  });
+}
+//# sourceMappingURL=choice-link.js.map

package/lib/composables/choice-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-link.js","names":["nextTick","watch","useChoiceByLink","link","select","isActive","value","neo","isLink","immediate"],"sources":["../../src/composables/choice-link.ts"],"sourcesContent":["import { nextTick, watch } from 'vue';\n\nimport type { UseLink } from './vue-router';\n\nexport function useChoiceByLink(\n  link: UseLink,\n  select?: (value: boolean, event?: Event) => void,\n) {\n  watch(\n    () => link.isActive?.value,\n    (neo) => {\n      if (link.isLink.value && neo && select) {\n        nextTick(() => {\n          select(true);\n        });\n      }\n    },\n    { immediate: true },\n  );\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAIrC,OAAO,SAASC,eAAeA,CAC7BC,IAAa,EACbC,MAAgD,EAChD;EACAH,KAAK,CACH,MAAME,IAAI,CAACE,QAAQ,EAAEC,KAAK,EACzBC,GAAG,IAAK;IACP,IAAIJ,IAAI,CAACK,MAAM,CAACF,KAAK,IAAIC,GAAG,IAAIH,MAAM,EAAE;MACtCJ,QAAQ,CAAC,MAAM;QACbI,MAAM,CAAC,IAAI,CAAC;MACd,CAAC,CAAC;IACJ;EACF,CAAC,EACD;IAAEK,SAAS,EAAE;EAAK,CACpB,CAAC;AACH"}

package/lib/composables/choice.js

@@ -0,0 +1,187 @@
+import { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, provide, reactive, toRef, watch } from 'vue';
+import { wrapInArray } from "../util/array.js";
+import { deepEqual } from "../util/common.js";
+import { findChildrenWithProvide, getUid, propsFactory } from "../util/component/index.js";
+import { useModelDuplex } from "./communication.js";
+export const pressChoicePropsOptions = propsFactory({
+  modelValue: {
+    type: null,
+    default: undefined
+  },
+  multiple: Boolean,
+  mandatory: [Boolean, String],
+  max: Number,
+  selectedClass: String,
+  disabled: Boolean,
+  returnItem: Boolean
+}, 'choice');
+export const pressChoiceItemPropsOptions = propsFactory({
+  value: null,
+  disabled: Boolean,
+  selectedClass: String
+}, 'choice-item');
+export function useChoiceItem(props, injectKey) {
+  let required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  const vm = getCurrentInstance();
+  if (!vm) {
+    throw new Error('"useChoiceItem" must be used inside a component setup function');
+  }
+  const id = getUid();
+  provide(Symbol.for(`${injectKey.description}:id`), id);
+  const choiceProvider = inject(injectKey, null);
+  if (!choiceProvider) {
+    if (!required) return choiceProvider;
+    throw new Error(`Not found provider`);
+  }
+  const value = toRef(props, 'value');
+  const disabled = computed(() => !!(choiceProvider.disabled.value || props.disabled));
+  choiceProvider.register({
+    id,
+    value,
+    disabled
+  }, vm);
+  onBeforeUnmount(() => {
+    choiceProvider.unregister(id);
+  });
+  const isSelected = computed(() => {
+    return choiceProvider.isSelected(id);
+  });
+  const selectedClass = computed(() => isSelected.value && [choiceProvider.selectedClass.value, props.selectedClass]);
+  watch(isSelected, value => {
+    vm.emit('choice:selected', {
+      value
+    });
+  });
+  return {
+    id,
+    isSelected,
+    toggle: () => choiceProvider.select(id, !isSelected.value),
+    select: value => choiceProvider.select(id, value),
+    selectedClass,
+    value,
+    disabled,
+    provider: choiceProvider
+  };
+}
+export function useChoice(props, injectKey) {
+  let isUnmounted = false;
+  const items = reactive([]);
+  const selected = useModelDuplex(props, 'modelValue', [], v => {
+    if (v == null) return [];
+    return getIds(items, wrapInArray(v));
+  }, v => {
+    const arr = getValues(items, v);
+    return props.multiple ? arr : arr[0];
+  });
+  const groupVm = getCurrentInstance();
+  function register(item, vm) {
+    const unwrapped = item;
+    const key = Symbol.for(`${injectKey.description}:id`);
+    const children = findChildrenWithProvide(key, groupVm?.vnode);
+    const index = children.indexOf(vm);
+    if (index > -1) {
+      items.splice(index, 0, unwrapped);
+    } else {
+      items.push(unwrapped);
+    }
+  }
+  function unregister(id) {
+    if (isUnmounted) return;
+    forceMandatoryValue();
+    const index = items.findIndex(item => item.id === id);
+    items.splice(index, 1);
+  }
+  function forceMandatoryValue() {
+    const item = items.find(item => !item.disabled);
+    if (item && props.mandatory === 'force' && !selected.value.length) {
+      selected.value = [item.id];
+    }
+  }
+  onMounted(() => {
+    forceMandatoryValue();
+  });
+  onBeforeUnmount(() => {
+    isUnmounted = true;
+  });
+  function select(id, value) {
+    const item = items.find(item => item.id === id);
+    if (value && item?.disabled) return;
+    if (props.multiple) {
+      const internalValue = selected.value.slice();
+      const index = internalValue.findIndex(v => v === id);
+      const isSelected = ~index;
+      value = value ?? !isSelected;
+      if (isSelected && props.mandatory && internalValue.length <= 1) return;
+      if (!isSelected && props.max != null && internalValue.length + 1 > props.max) return;
+      if (index < 0 && value) internalValue.push(id);else if (index >= 0 && !value) internalValue.splice(index, 1);
+      selected.value = internalValue;
+    } else {
+      const isSelected = selected.value.includes(id);
+      if (props.mandatory && isSelected) return;
+      selected.value = value ?? !isSelected ? [id] : [];
+    }
+  }
+  function step(offset) {
+    if (props.multiple) {}
+    if (!selected.value.length) {
+      const item = items.find(item => !item.disabled);
+      item && (selected.value = [item.id]);
+    } else {
+      const currentId = selected.value[0];
+      const currentIndex = items.findIndex(i => i.id === currentId);
+      let newIndex = (currentIndex + offset) % items.length;
+      let newItem = items[newIndex];
+      while (newItem.disabled && newIndex !== currentIndex) {
+        newIndex = (newIndex + offset) % items.length;
+        newItem = items[newIndex];
+      }
+      if (newItem.disabled) return;
+      selected.value = [items[newIndex].id];
+    }
+  }
+  const state = {
+    register,
+    unregister,
+    selected,
+    select,
+    disabled: toRef(props, 'disabled'),
+    prev: () => step(items.length - 1),
+    next: () => step(1),
+    isSelected: id => selected.value.includes(id),
+    selectedClass: computed(() => props.selectedClass),
+    items: computed(() => items),
+    getItemIndex: value => getItemIndex(items, value)
+  };
+  provide(injectKey, state);
+  return state;
+}
+function getItemIndex(items, value) {
+  const ids = getIds(items, [value]);
+  if (!ids.length) return -1;
+  return items.findIndex(item => item.id === ids[0]);
+}
+function getIds(items, modelValue) {
+  const ids = [];
+  modelValue.forEach(value => {
+    const item = items.find(item => deepEqual(value, item.value));
+    const itemByIndex = items[value];
+    if (item?.value != null) {
+      ids.push(item.id);
+    } else if (itemByIndex != null) {
+      ids.push(itemByIndex.id);
+    }
+  });
+  return ids;
+}
+function getValues(items, ids) {
+  const values = [];
+  ids.forEach(id => {
+    const itemIndex = items.findIndex(item => item.id === id);
+    if (~itemIndex) {
+      const item = items[itemIndex];
+      values.push(item.value != null ? item.value : itemIndex);
+    }
+  });
+  return values;
+}
+//# sourceMappingURL=choice.js.map

package/lib/composables/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["computed","getCurrentInstance","inject","onBeforeUnmount","onMounted","provide","reactive","toRef","watch","wrapInArray","deepEqual","findChildrenWithProvide","getUid","propsFactory","useModelDuplex","pressChoicePropsOptions","modelValue","type","default","undefined","multiple","Boolean","mandatory","String","max","Number","selectedClass","disabled","returnItem","pressChoiceItemPropsOptions","value","useChoiceItem","props","injectKey","required","arguments","length","vm","Error","id","Symbol","for","description","choiceProvider","register","unregister","isSelected","emit","toggle","select","provider","useChoice","isUnmounted","items","selected","v","getIds","arr","getValues","groupVm","item","unwrapped","key","children","vnode","index","indexOf","splice","push","forceMandatoryValue","findIndex","find","internalValue","slice","includes","step","offset","currentId","currentIndex","i","newIndex","newItem","state","prev","next","getItemIndex","ids","forEach","itemByIndex","values","itemIndex"],"sources":["../../src/composables/choice.ts"],"sourcesContent":["import type {\r\n  ComponentInternalInstance,\r\n  ComputedRef,\r\n  ExtractPropTypes,\r\n  InjectionKey,\r\n  PropType,\r\n  Ref,\r\n  UnwrapRef,\r\n} from 'vue';\r\nimport {\r\n  computed,\r\n  getCurrentInstance,\r\n  inject,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  provide,\r\n  reactive,\r\n  toRef,\r\n  watch,\r\n} from 'vue';\r\n\r\nimport { wrapInArray } from '@/util/array';\r\nimport { deepEqual } from '@/util/common';\r\nimport {\r\n  findChildrenWithProvide,\r\n  getUid,\r\n  propsFactory,\r\n} from '@/util/component';\r\n\r\nimport { useModelDuplex } from './communication';\r\n\r\nexport interface ChoiceItem {\r\n  id: number;\r\n  value: Ref<unknown>;\r\n  disabled: Ref<boolean | undefined>;\r\n}\r\n\r\nexport interface ChoiceProps {\r\n  disabled: boolean;\r\n  modelValue: unknown;\r\n  multiple?: boolean;\r\n  mandatory?: boolean | 'force' | undefined;\r\n  max?: number | undefined;\r\n  selectedClass?: string | undefined;\r\n  'onUpdate:modelValue': ((value: unknown) => void) | undefined;\r\n}\r\n\r\nexport interface ChoiceProvide {\r\n  register: (item: ChoiceItem, instance: ComponentInternalInstance) => void;\r\n  unregister: (id: number) => void;\r\n  select: (id: number, value: boolean) => void;\r\n  selected: Ref<Readonly<number[]>>;\r\n  selectedClass: Ref<string | undefined>;\r\n  isSelected: (id: number) => boolean;\r\n  disabled: Ref<boolean | undefined>;\r\n  getItemIndex: (value: unknown) => number;\r\n  prev: () => void;\r\n  next: () => void;\r\n  items: ComputedRef<\r\n    { id: number; value: unknown; disabled: boolean | undefined }[]\r\n  >;\r\n}\r\n\r\nexport interface ChoiceItemProvide {\r\n  id: number;\r\n  isSelected: Ref<boolean>;\r\n  toggle: () => void;\r\n  select: (value: boolean) => void;\r\n  selectedClass: Ref<(string | undefined)[] | false>;\r\n  value: Ref<unknown>;\r\n  disabled: Ref<boolean | undefined>;\r\n  provider: ChoiceProvide;\r\n}\r\n\r\nexport const pressChoicePropsOptions = propsFactory(\r\n  {\r\n    modelValue: {\r\n      type: null,\r\n      default: undefined,\r\n    },\r\n    multiple: Boolean,\r\n    mandatory: [Boolean, String] as PropType<boolean | 'force'>,\r\n    max: Number,\r\n    selectedClass: String as PropType<string>,\r\n    disabled: Boolean,\r\n    returnItem: Boolean as PropType<boolean>,\r\n  },\r\n  'choice',\r\n);\r\n\r\nexport const pressChoiceItemPropsOptions = propsFactory(\r\n  {\r\n    value: null,\r\n    disabled: Boolean,\r\n    selectedClass: String,\r\n  },\r\n  'choice-item',\r\n);\r\n\r\nexport interface ChoiceItemProps\r\n  extends ExtractPropTypes<ReturnType<typeof pressChoiceItemPropsOptions>> {\r\n  'onChoice:selected': ((val: { value: boolean }) => void) | undefined;\r\n}\r\n\r\nexport function useChoiceItem(\r\n  props: ChoiceItemProps,\r\n  injectKey: InjectionKey<ChoiceProvide>,\r\n  required?: true,\r\n): ChoiceItemProvide;\r\nexport function useChoiceItem(\r\n  props: ChoiceItemProps,\r\n  injectKey: InjectionKey<ChoiceProvide>,\r\n  required: false,\r\n): ChoiceItemProvide | null;\r\nexport function useChoiceItem(\r\n  props: ChoiceItemProps,\r\n  injectKey: InjectionKey<ChoiceProvide>,\r\n  required = true,\r\n): ChoiceItemProvide | null {\r\n  const vm = getCurrentInstance();\r\n\r\n  if (!vm) {\r\n    throw new Error(\r\n      '\"useChoiceItem\" must be used inside a component setup function',\r\n    );\r\n  }\r\n\r\n  const id = getUid() as number;\r\n\r\n  provide(Symbol.for(`${injectKey.description}:id`), id);\r\n\r\n  const choiceProvider = inject(injectKey, null);\r\n\r\n  if (!choiceProvider) {\r\n    if (!required) return choiceProvider as null;\r\n\r\n    throw new Error(`Not found provider`);\r\n  }\r\n\r\n  const value = toRef(props, 'value');\r\n  const disabled = computed(\r\n    () => !!(choiceProvider.disabled.value || props.disabled),\r\n  );\r\n\r\n  choiceProvider.register(\r\n    {\r\n      id,\r\n      value,\r\n      disabled,\r\n    },\r\n    vm,\r\n  );\r\n\r\n  onBeforeUnmount(() => {\r\n    choiceProvider.unregister(id);\r\n  });\r\n\r\n  const isSelected = computed(() => {\r\n    return choiceProvider.isSelected(id);\r\n  });\r\n\r\n  const selectedClass = computed(\r\n    () =>\r\n      isSelected.value && [\r\n        choiceProvider.selectedClass.value,\r\n        props.selectedClass,\r\n      ],\r\n  );\r\n\r\n  watch(isSelected, (value) => {\r\n    vm.emit('choice:selected', { value });\r\n  });\r\n\r\n  return {\r\n    id,\r\n    isSelected,\r\n    toggle: () => choiceProvider.select(id, !isSelected.value),\r\n    select: (value: boolean) => choiceProvider.select(id, value),\r\n    selectedClass,\r\n    value,\r\n    disabled,\r\n    provider: choiceProvider,\r\n  };\r\n}\r\n\r\nexport function useChoice(\r\n  props: ChoiceProps,\r\n  injectKey: InjectionKey<ChoiceProvide>,\r\n) {\r\n  let isUnmounted = false;\r\n  const items = reactive<ChoiceItem[]>([]);\r\n  const selected = useModelDuplex(\r\n    props,\r\n    'modelValue',\r\n    [],\r\n    (v) => {\r\n      if (v == null) return [];\r\n\r\n      return getIds(items, wrapInArray(v));\r\n    },\r\n    (v) => {\r\n      const arr = getValues(items, v);\r\n\r\n      return props.multiple ? arr : arr[0];\r\n    },\r\n  );\r\n\r\n  const groupVm = getCurrentInstance();\r\n\r\n  function register(item: ChoiceItem, vm: ComponentInternalInstance) {\r\n    const unwrapped = item as unknown as UnwrapRef<ChoiceItem>;\r\n\r\n    const key = Symbol.for(`${injectKey.description}:id`);\r\n    const children = findChildrenWithProvide(key, groupVm?.vnode);\r\n    const index = children.indexOf(vm);\r\n\r\n    if (index > -1) {\r\n      items.splice(index, 0, unwrapped);\r\n    } else {\r\n      items.push(unwrapped);\r\n    }\r\n  }\r\n\r\n  function unregister(id: number) {\r\n    if (isUnmounted) return;\r\n    forceMandatoryValue();\r\n    const index = items.findIndex((item) => item.id === id);\r\n    items.splice(index, 1);\r\n  }\r\n\r\n  function forceMandatoryValue() {\r\n    const item = items.find((item) => !item.disabled);\r\n    if (item && props.mandatory === 'force' && !selected.value.length) {\r\n      selected.value = [item.id];\r\n    }\r\n  }\r\n\r\n  onMounted(() => {\r\n    forceMandatoryValue();\r\n  });\r\n\r\n  onBeforeUnmount(() => {\r\n    isUnmounted = true;\r\n  });\r\n\r\n  function select(id: number, value?: boolean) {\r\n    const item = items.find((item) => item.id === id);\r\n    if (value && item?.disabled) return;\r\n\r\n    if (props.multiple) {\r\n      const internalValue = selected.value.slice();\r\n      const index = internalValue.findIndex((v: any) => v === id);\r\n      const isSelected = ~index;\r\n      value = value ?? !isSelected;\r\n      if (isSelected && props.mandatory && internalValue.length <= 1) return;\r\n      if (\r\n        !isSelected &&\r\n        props.max != null &&\r\n        internalValue.length + 1 > props.max\r\n      )\r\n        return;\r\n\r\n      if (index < 0 && value) internalValue.push(id);\r\n      else if (index >= 0 && !value) internalValue.splice(index, 1);\r\n\r\n      selected.value = internalValue;\r\n    } else {\r\n      const isSelected = selected.value.includes(id);\r\n      if (props.mandatory && isSelected) return;\r\n      selected.value = value ?? !isSelected ? [id] : [];\r\n    }\r\n  }\r\n\r\n  function step(offset: number) {\r\n    if (props.multiple) {\r\n    }\r\n\r\n    if (!selected.value.length) {\r\n      const item = items.find((item) => !item.disabled);\r\n      item && (selected.value = [item.id]);\r\n    } else {\r\n      const currentId = selected.value[0];\r\n      const currentIndex = items.findIndex((i) => i.id === currentId);\r\n\r\n      let newIndex = (currentIndex + offset) % items.length;\r\n      let newItem = items[newIndex];\r\n\r\n      while (newItem.disabled && newIndex !== currentIndex) {\r\n        newIndex = (newIndex + offset) % items.length;\r\n        newItem = items[newIndex];\r\n      }\r\n\r\n      if (newItem.disabled) return;\r\n\r\n      selected.value = [items[newIndex].id];\r\n    }\r\n  }\r\n\r\n  const state: ChoiceProvide = {\r\n    register,\r\n    unregister,\r\n    selected,\r\n    select,\r\n    disabled: toRef(props, 'disabled'),\r\n    prev: () => step(items.length - 1),\r\n    next: () => step(1),\r\n    isSelected: (id: number) => selected.value.includes(id),\r\n    selectedClass: computed(() => props.selectedClass),\r\n    items: computed(() => items),\r\n    getItemIndex: (value: unknown) => getItemIndex(items, value),\r\n  };\r\n\r\n  provide(injectKey, state);\r\n\r\n  return state;\r\n}\r\n\r\nfunction getItemIndex(items: UnwrapRef<ChoiceItem[]>, value: unknown) {\r\n  const ids = getIds(items, [value]);\r\n\r\n  if (!ids.length) return -1;\r\n\r\n  return items.findIndex((item) => item.id === ids[0]);\r\n}\r\n\r\nfunction getIds(items: UnwrapRef<ChoiceItem[]>, modelValue: any[]) {\r\n  const ids: number[] = [];\r\n\r\n  modelValue.forEach((value) => {\r\n    const item = items.find((item) => deepEqual(value, item.value));\r\n    const itemByIndex = items[value];\r\n\r\n    if (item?.value != null) {\r\n      ids.push(item.id);\r\n    } else if (itemByIndex != null) {\r\n      ids.push(itemByIndex.id);\r\n    }\r\n  });\r\n\r\n  return ids;\r\n}\r\n\r\nfunction getValues(items: UnwrapRef<ChoiceItem[]>, ids: any[]) {\r\n  const values: unknown[] = [];\r\n  ids.forEach((id) => {\r\n    const itemIndex = items.findIndex((item) => item.id === id);\r\n    if (~itemIndex) {\r\n      const item = items[itemIndex];\r\n      values.push(item.value != null ? item.value : itemIndex);\r\n    }\r\n  });\r\n\r\n  return values;\r\n}\r\n"],"mappings":"AASA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,KAAK,EACLC,KAAK,QACA,KAAK;AAAC,SAEJC,WAAW;AAAA,SACXC,SAAS;AAAA,SAEhBC,uBAAuB,EACvBC,MAAM,EACNC,YAAY;AAAA,SAGLC,cAAc;AA6CvB,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CACjD;EACEG,UAAU,EAAE;IACVC,IAAI,EAAE,IAAI;IACVC,OAAO,EAAEC;EACX,CAAC;EACDC,QAAQ,EAAEC,OAAO;EACjBC,SAAS,EAAE,CAACD,OAAO,EAAEE,MAAM,CAAgC;EAC3DC,GAAG,EAAEC,MAAM;EACXC,aAAa,EAAEH,MAA0B;EACzCI,QAAQ,EAAEN,OAAO;EACjBO,UAAU,EAAEP;AACd,CAAC,EACD,QACF,CAAC;AAED,OAAO,MAAMQ,2BAA2B,GAAGhB,YAAY,CACrD;EACEiB,KAAK,EAAE,IAAI;EACXH,QAAQ,EAAEN,OAAO;EACjBK,aAAa,EAAEH;AACjB,CAAC,EACD,aACF,CAAC;AAiBD,OAAO,SAASQ,aAAaA,CAC3BC,KAAsB,EACtBC,SAAsC,EAEZ;EAAA,IAD1BC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAhB,SAAA,GAAAgB,SAAA,MAAG,IAAI;EAEf,MAAME,EAAE,GAAGpC,kBAAkB,CAAC,CAAC;EAE/B,IAAI,CAACoC,EAAE,EAAE;IACP,MAAM,IAAIC,KAAK,CACb,gEACF,CAAC;EACH;EAEA,MAAMC,EAAE,GAAG3B,MAAM,CAAC,CAAW;EAE7BP,OAAO,CAACmC,MAAM,CAACC,GAAG,CAAE,GAAER,SAAS,CAACS,WAAY,KAAI,CAAC,EAAEH,EAAE,CAAC;EAEtD,MAAMI,cAAc,GAAGzC,MAAM,CAAC+B,SAAS,EAAE,IAAI,CAAC;EAE9C,IAAI,CAACU,cAAc,EAAE;IACnB,IAAI,CAACT,QAAQ,EAAE,OAAOS,cAAc;IAEpC,MAAM,IAAIL,KAAK,CAAE,oBAAmB,CAAC;EACvC;EAEA,MAAMR,KAAK,GAAGvB,KAAK,CAACyB,KAAK,EAAE,OAAO,CAAC;EACnC,MAAML,QAAQ,GAAG3B,QAAQ,CACvB,MAAM,CAAC,EAAE2C,cAAc,CAAChB,QAAQ,CAACG,KAAK,IAAIE,KAAK,CAACL,QAAQ,CAC1D,CAAC;EAEDgB,cAAc,CAACC,QAAQ,CACrB;IACEL,EAAE;IACFT,KAAK;IACLH;EACF,CAAC,EACDU,EACF,CAAC;EAEDlC,eAAe,CAAC,MAAM;IACpBwC,cAAc,CAACE,UAAU,CAACN,EAAE,CAAC;EAC/B,CAAC,CAAC;EAEF,MAAMO,UAAU,GAAG9C,QAAQ,CAAC,MAAM;IAChC,OAAO2C,cAAc,CAACG,UAAU,CAACP,EAAE,CAAC;EACtC,CAAC,CAAC;EAEF,MAAMb,aAAa,GAAG1B,QAAQ,CAC5B,MACE8C,UAAU,CAAChB,KAAK,IAAI,CAClBa,cAAc,CAACjB,aAAa,CAACI,KAAK,EAClCE,KAAK,CAACN,aAAa,CAEzB,CAAC;EAEDlB,KAAK,CAACsC,UAAU,EAAGhB,KAAK,IAAK;IAC3BO,EAAE,CAACU,IAAI,CAAC,iBAAiB,EAAE;MAAEjB;IAAM,CAAC,CAAC;EACvC,CAAC,CAAC;EAEF,OAAO;IACLS,EAAE;IACFO,UAAU;IACVE,MAAM,EAAEA,CAAA,KAAML,cAAc,CAACM,MAAM,CAACV,EAAE,EAAE,CAACO,UAAU,CAAChB,KAAK,CAAC;IAC1DmB,MAAM,EAAGnB,KAAc,IAAKa,cAAc,CAACM,MAAM,CAACV,EAAE,EAAET,KAAK,CAAC;IAC5DJ,aAAa;IACbI,KAAK;IACLH,QAAQ;IACRuB,QAAQ,EAAEP;EACZ,CAAC;AACH;AAEA,OAAO,SAASQ,SAASA,CACvBnB,KAAkB,EAClBC,SAAsC,EACtC;EACA,IAAImB,WAAW,GAAG,KAAK;EACvB,MAAMC,KAAK,GAAG/C,QAAQ,CAAe,EAAE,CAAC;EACxC,MAAMgD,QAAQ,GAAGxC,cAAc,CAC7BkB,KAAK,EACL,YAAY,EACZ,EAAE,EACDuB,CAAC,IAAK;IACL,IAAIA,CAAC,IAAI,IAAI,EAAE,OAAO,EAAE;IAExB,OAAOC,MAAM,CAACH,KAAK,EAAE5C,WAAW,CAAC8C,CAAC,CAAC,CAAC;EACtC,CAAC,EACAA,CAAC,IAAK;IACL,MAAME,GAAG,GAAGC,SAAS,CAACL,KAAK,EAAEE,CAAC,CAAC;IAE/B,OAAOvB,KAAK,CAACZ,QAAQ,GAAGqC,GAAG,GAAGA,GAAG,CAAC,CAAC,CAAC;EACtC,CACF,CAAC;EAED,MAAME,OAAO,GAAG1D,kBAAkB,CAAC,CAAC;EAEpC,SAAS2C,QAAQA,CAACgB,IAAgB,EAAEvB,EAA6B,EAAE;IACjE,MAAMwB,SAAS,GAAGD,IAAwC;IAE1D,MAAME,GAAG,GAAGtB,MAAM,CAACC,GAAG,CAAE,GAAER,SAAS,CAACS,WAAY,KAAI,CAAC;IACrD,MAAMqB,QAAQ,GAAGpD,uBAAuB,CAACmD,GAAG,EAAEH,OAAO,EAAEK,KAAK,CAAC;IAC7D,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC7B,EAAE,CAAC;IAElC,IAAI4B,KAAK,GAAG,CAAC,CAAC,EAAE;MACdZ,KAAK,CAACc,MAAM,CAACF,KAAK,EAAE,CAAC,EAAEJ,SAAS,CAAC;IACnC,CAAC,MAAM;MACLR,KAAK,CAACe,IAAI,CAACP,SAAS,CAAC;IACvB;EACF;EAEA,SAAShB,UAAUA,CAACN,EAAU,EAAE;IAC9B,IAAIa,WAAW,EAAE;IACjBiB,mBAAmB,CAAC,CAAC;IACrB,MAAMJ,KAAK,GAAGZ,KAAK,CAACiB,SAAS,CAAEV,IAAI,IAAKA,IAAI,CAACrB,EAAE,KAAKA,EAAE,CAAC;IACvDc,KAAK,CAACc,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;EACxB;EAEA,SAASI,mBAAmBA,CAAA,EAAG;IAC7B,MAAMT,IAAI,GAAGP,KAAK,CAACkB,IAAI,CAAEX,IAAI,IAAK,CAACA,IAAI,CAACjC,QAAQ,CAAC;IACjD,IAAIiC,IAAI,IAAI5B,KAAK,CAACV,SAAS,KAAK,OAAO,IAAI,CAACgC,QAAQ,CAACxB,KAAK,CAACM,MAAM,EAAE;MACjEkB,QAAQ,CAACxB,KAAK,GAAG,CAAC8B,IAAI,CAACrB,EAAE,CAAC;IAC5B;EACF;EAEAnC,SAAS,CAAC,MAAM;IACdiE,mBAAmB,CAAC,CAAC;EACvB,CAAC,CAAC;EAEFlE,eAAe,CAAC,MAAM;IACpBiD,WAAW,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,SAASH,MAAMA,CAACV,EAAU,EAAET,KAAe,EAAE;IAC3C,MAAM8B,IAAI,GAAGP,KAAK,CAACkB,IAAI,CAAEX,IAAI,IAAKA,IAAI,CAACrB,EAAE,KAAKA,EAAE,CAAC;IACjD,IAAIT,KAAK,IAAI8B,IAAI,EAAEjC,QAAQ,EAAE;IAE7B,IAAIK,KAAK,CAACZ,QAAQ,EAAE;MAClB,MAAMoD,aAAa,GAAGlB,QAAQ,CAACxB,KAAK,CAAC2C,KAAK,CAAC,CAAC;MAC5C,MAAMR,KAAK,GAAGO,aAAa,CAACF,SAAS,CAAEf,CAAM,IAAKA,CAAC,KAAKhB,EAAE,CAAC;MAC3D,MAAMO,UAAU,GAAG,CAACmB,KAAK;MACzBnC,KAAK,GAAGA,KAAK,IAAI,CAACgB,UAAU;MAC5B,IAAIA,UAAU,IAAId,KAAK,CAACV,SAAS,IAAIkD,aAAa,CAACpC,MAAM,IAAI,CAAC,EAAE;MAChE,IACE,CAACU,UAAU,IACXd,KAAK,CAACR,GAAG,IAAI,IAAI,IACjBgD,aAAa,CAACpC,MAAM,GAAG,CAAC,GAAGJ,KAAK,CAACR,GAAG,EAEpC;MAEF,IAAIyC,KAAK,GAAG,CAAC,IAAInC,KAAK,EAAE0C,aAAa,CAACJ,IAAI,CAAC7B,EAAE,CAAC,CAAC,KAC1C,IAAI0B,KAAK,IAAI,CAAC,IAAI,CAACnC,KAAK,EAAE0C,aAAa,CAACL,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MAE7DX,QAAQ,CAACxB,KAAK,GAAG0C,aAAa;IAChC,CAAC,MAAM;MACL,MAAM1B,UAAU,GAAGQ,QAAQ,CAACxB,KAAK,CAAC4C,QAAQ,CAACnC,EAAE,CAAC;MAC9C,IAAIP,KAAK,CAACV,SAAS,IAAIwB,UAAU,EAAE;MACnCQ,QAAQ,CAACxB,KAAK,GAAGA,KAAK,IAAI,CAACgB,UAAU,GAAG,CAACP,EAAE,CAAC,GAAG,EAAE;IACnD;EACF;EAEA,SAASoC,IAAIA,CAACC,MAAc,EAAE;IAC5B,IAAI5C,KAAK,CAACZ,QAAQ,EAAE,CACpB;IAEA,IAAI,CAACkC,QAAQ,CAACxB,KAAK,CAACM,MAAM,EAAE;MAC1B,MAAMwB,IAAI,GAAGP,KAAK,CAACkB,IAAI,CAAEX,IAAI,IAAK,CAACA,IAAI,CAACjC,QAAQ,CAAC;MACjDiC,IAAI,KAAKN,QAAQ,CAACxB,KAAK,GAAG,CAAC8B,IAAI,CAACrB,EAAE,CAAC,CAAC;IACtC,CAAC,MAAM;MACL,MAAMsC,SAAS,GAAGvB,QAAQ,CAACxB,KAAK,CAAC,CAAC,CAAC;MACnC,MAAMgD,YAAY,GAAGzB,KAAK,CAACiB,SAAS,CAAES,CAAC,IAAKA,CAAC,CAACxC,EAAE,KAAKsC,SAAS,CAAC;MAE/D,IAAIG,QAAQ,GAAG,CAACF,YAAY,GAAGF,MAAM,IAAIvB,KAAK,CAACjB,MAAM;MACrD,IAAI6C,OAAO,GAAG5B,KAAK,CAAC2B,QAAQ,CAAC;MAE7B,OAAOC,OAAO,CAACtD,QAAQ,IAAIqD,QAAQ,KAAKF,YAAY,EAAE;QACpDE,QAAQ,GAAG,CAACA,QAAQ,GAAGJ,MAAM,IAAIvB,KAAK,CAACjB,MAAM;QAC7C6C,OAAO,GAAG5B,KAAK,CAAC2B,QAAQ,CAAC;MAC3B;MAEA,IAAIC,OAAO,CAACtD,QAAQ,EAAE;MAEtB2B,QAAQ,CAACxB,KAAK,GAAG,CAACuB,KAAK,CAAC2B,QAAQ,CAAC,CAACzC,EAAE,CAAC;IACvC;EACF;EAEA,MAAM2C,KAAoB,GAAG;IAC3BtC,QAAQ;IACRC,UAAU;IACVS,QAAQ;IACRL,MAAM;IACNtB,QAAQ,EAAEpB,KAAK,CAACyB,KAAK,EAAE,UAAU,CAAC;IAClCmD,IAAI,EAAEA,CAAA,KAAMR,IAAI,CAACtB,KAAK,CAACjB,MAAM,GAAG,CAAC,CAAC;IAClCgD,IAAI,EAAEA,CAAA,KAAMT,IAAI,CAAC,CAAC,CAAC;IACnB7B,UAAU,EAAGP,EAAU,IAAKe,QAAQ,CAACxB,KAAK,CAAC4C,QAAQ,CAACnC,EAAE,CAAC;IACvDb,aAAa,EAAE1B,QAAQ,CAAC,MAAMgC,KAAK,CAACN,aAAa,CAAC;IAClD2B,KAAK,EAAErD,QAAQ,CAAC,MAAMqD,KAAK,CAAC;IAC5BgC,YAAY,EAAGvD,KAAc,IAAKuD,YAAY,CAAChC,KAAK,EAAEvB,KAAK;EAC7D,CAAC;EAEDzB,OAAO,CAAC4B,SAAS,EAAEiD,KAAK,CAAC;EAEzB,OAAOA,KAAK;AACd;AAEA,SAASG,YAAYA,CAAChC,KAA8B,EAAEvB,KAAc,EAAE;EACpE,MAAMwD,GAAG,GAAG9B,MAAM,CAACH,KAAK,EAAE,CAACvB,KAAK,CAAC,CAAC;EAElC,IAAI,CAACwD,GAAG,CAAClD,MAAM,EAAE,OAAO,CAAC,CAAC;EAE1B,OAAOiB,KAAK,CAACiB,SAAS,CAAEV,IAAI,IAAKA,IAAI,CAACrB,EAAE,KAAK+C,GAAG,CAAC,CAAC,CAAC,CAAC;AACtD;AAEA,SAAS9B,MAAMA,CAACH,KAA8B,EAAErC,UAAiB,EAAE;EACjE,MAAMsE,GAAa,GAAG,EAAE;EAExBtE,UAAU,CAACuE,OAAO,CAAEzD,KAAK,IAAK;IAC5B,MAAM8B,IAAI,GAAGP,KAAK,CAACkB,IAAI,CAAEX,IAAI,IAAKlD,SAAS,CAACoB,KAAK,EAAE8B,IAAI,CAAC9B,KAAK,CAAC,CAAC;IAC/D,MAAM0D,WAAW,GAAGnC,KAAK,CAACvB,KAAK,CAAC;IAEhC,IAAI8B,IAAI,EAAE9B,KAAK,IAAI,IAAI,EAAE;MACvBwD,GAAG,CAAClB,IAAI,CAACR,IAAI,CAACrB,EAAE,CAAC;IACnB,CAAC,MAAM,IAAIiD,WAAW,IAAI,IAAI,EAAE;MAC9BF,GAAG,CAAClB,IAAI,CAACoB,WAAW,CAACjD,EAAE,CAAC;IAC1B;EACF,CAAC,CAAC;EAEF,OAAO+C,GAAG;AACZ;AAEA,SAAS5B,SAASA,CAACL,KAA8B,EAAEiC,GAAU,EAAE;EAC7D,MAAMG,MAAiB,GAAG,EAAE;EAC5BH,GAAG,CAACC,OAAO,CAAEhD,EAAE,IAAK;IAClB,MAAMmD,SAAS,GAAGrC,KAAK,CAACiB,SAAS,CAAEV,IAAI,IAAKA,IAAI,CAACrB,EAAE,KAAKA,EAAE,CAAC;IAC3D,IAAI,CAACmD,SAAS,EAAE;MACd,MAAM9B,IAAI,GAAGP,KAAK,CAACqC,SAAS,CAAC;MAC7BD,MAAM,CAACrB,IAAI,CAACR,IAAI,CAAC9B,KAAK,IAAI,IAAI,GAAG8B,IAAI,CAAC9B,KAAK,GAAG4D,SAAS,CAAC;IAC1D;EACF,CAAC,CAAC;EAEF,OAAOD,MAAM;AACf"}

package/lib/composables/communication.js

@@ -0,0 +1,55 @@
+import { computed, getCurrentInstance, ref, toRaw, watch } from 'vue';
+import { hasOwnProperty } from "../util/common.js";
+import { kebabToCamel, toKebabCase } from "../util/string.js";
+import { useToggleScope } from "./scope.js";
+export function useModelDuplex(props) {
+  let prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'modelValue';
+  let defaultValue = arguments.length > 2 ? arguments[2] : undefined;
+  let getIn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : v => v;
+  let setOut = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : v => v;
+  const vm = getCurrentInstance();
+  const kebabProp = toKebabCase(prop);
+  const property = kebabProp === prop ? kebabToCamel(prop) : prop;
+  const txValue = ref(props[property] !== undefined ? props[property] : defaultValue);
+  function getProp() {
+    return props[property];
+  }
+  const isDefinedProp = computed(() => {
+    getProp();
+    const registeredProps = vm.vnode.props;
+    return (hasOwnProperty(registeredProps, kebabProp) || hasOwnProperty(registeredProps, property)) && (hasOwnProperty(registeredProps, `onUpdate:${kebabProp}`) || hasOwnProperty(registeredProps, `onUpdate:${property}`));
+  });
+  useToggleScope(() => !isDefinedProp.value, () => {
+    watch(() => getProp(), value => {
+      txValue.value = value;
+    });
+  });
+  const model = computed({
+    get() {
+      return getIn(isDefinedProp.value ? getProp() : txValue.value);
+    },
+    set(value) {
+      const neo = setOut(value);
+      const current = toRaw(isDefinedProp.value ? getProp() : txValue.value);
+      if (current === neo || getIn(current) === value) {
+        return;
+      }
+      txValue.value = neo;
+      vm?.emit(`update:${property}`, neo);
+    }
+  });
+  Object.defineProperty(model, 'rxValue', {
+    get: () => isDefinedProp.value ? getProp() : txValue.value
+  });
+  return model;
+}
+export function useProvided(props, prop, provided) {
+  const internal = useModelDuplex(props, prop, props[prop] ?? provided.value);
+  watch(provided, value => {
+    if (props[prop] == null) {
+      internal.value = value;
+    }
+  });
+  return internal;
+}
+//# sourceMappingURL=communication.js.map

package/lib/composables/communication.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"communication.js","names":["computed","getCurrentInstance","ref","toRaw","watch","hasOwnProperty","kebabToCamel","toKebabCase","useToggleScope","useModelDuplex","props","prop","arguments","length","undefined","defaultValue","getIn","v","setOut","vm","kebabProp","property","txValue","getProp","isDefinedProp","registeredProps","vnode","value","model","get","set","neo","current","emit","Object","defineProperty","useProvided","provided","internal"],"sources":["../../src/composables/communication.ts"],"sourcesContent":["import { type Ref, computed, getCurrentInstance, ref, toRaw, watch } from 'vue';\r\n\r\nimport { hasOwnProperty } from '@/util/common';\r\nimport { kebabToCamel, toKebabCase } from '@/util/string';\r\n\r\nimport { useToggleScope } from './scope';\r\n\r\nexport function useModelDuplex(\r\n  props: any,\r\n  prop: string = 'modelValue',\r\n  defaultValue?: any,\r\n  getIn: (value?: any) => any = (v: any) => v,\r\n  setOut: (value: any) => any = (v: any) => v,\r\n) {\r\n  const vm = getCurrentInstance()!;\r\n  const kebabProp = toKebabCase(prop);\r\n  const property = kebabProp === prop ? kebabToCamel(prop) : prop;\r\n  const txValue = ref(\r\n    props[property] !== undefined ? props[property] : defaultValue,\r\n  );\r\n\r\n  function getProp() {\r\n    return props[property];\r\n  }\r\n\r\n  const isDefinedProp = computed(() => {\r\n    getProp();\r\n    const registeredProps = vm.vnode.props;\r\n    return (\r\n      (hasOwnProperty(registeredProps, kebabProp) ||\r\n        hasOwnProperty(registeredProps, property)) &&\r\n      (hasOwnProperty(registeredProps, `onUpdate:${kebabProp}`) ||\r\n        hasOwnProperty(registeredProps, `onUpdate:${property}`))\r\n    );\r\n  });\r\n\r\n  useToggleScope(\r\n    () => !isDefinedProp.value,\r\n    () => {\r\n      watch(\r\n        () => getProp(),\r\n        (value) => {\r\n          txValue.value = value;\r\n        },\r\n      );\r\n    },\r\n  );\r\n\r\n  const model = computed({\r\n    get(): any {\r\n      return getIn(isDefinedProp.value ? getProp() : txValue.value);\r\n    },\r\n    set(value) {\r\n      const neo = setOut(value);\r\n      const current = toRaw(isDefinedProp.value ? getProp() : txValue.value);\r\n      if (current === neo || getIn(current) === value) {\r\n        return;\r\n      }\r\n      txValue.value = neo;\r\n      vm?.emit(`update:${property}`, neo);\r\n    },\r\n  }) as any as Ref<any> & { readonly rxValue: any };\r\n\r\n  Object.defineProperty(model, 'rxValue', {\r\n    get: () => (isDefinedProp.value ? getProp() : txValue.value),\r\n  });\r\n\r\n  return model;\r\n}\r\n\r\nexport function useProvided<T>(props: any, prop: string, provided: Ref<T>) {\r\n  const internal = useModelDuplex(props, prop, props[prop] ?? provided.value);\r\n\r\n  watch(provided, (value) => {\r\n    if (props[prop] == null) {\r\n      internal.value = value;\r\n    }\r\n  });\r\n  return internal;\r\n}\r\n"],"mappings":"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"}

package/lib/composables/component.js

@@ -0,0 +1,8 @@
+import { getCurrentInstance } from 'vue';
+export function useRender(render) {
+  const vm = getCurrentInstance();
+  if (vm) {
+    vm.render = render;
+  }
+}
+//# sourceMappingURL=component.js.map

package/lib/composables/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","names":["getCurrentInstance","useRender","render","vm"],"sources":["../../src/composables/component.ts"],"sourcesContent":["import {\r\n  type ComponentInternalInstance,\r\n  type VNode,\r\n  getCurrentInstance,\r\n} from 'vue';\r\n\r\ninterface RedefinedComponentInternalInstance extends ComponentInternalInstance {\r\n  render: () => VNode;\r\n}\r\n\r\nexport function useRender(render: () => VNode) {\r\n  const vm = getCurrentInstance() as RedefinedComponentInternalInstance | null;\r\n  if (vm) {\r\n    vm.render = render;\r\n  }\r\n}\r\n"],"mappings":"AAAA,SAGEA,kBAAkB,QACb,KAAK;AAMZ,OAAO,SAASC,SAASA,CAACC,MAAmB,EAAE;EAC7C,MAAMC,EAAE,GAAGH,kBAAkB,CAAC,CAA8C;EAC5E,IAAIG,EAAE,EAAE;IACNA,EAAE,CAACD,MAAM,GAAGA,MAAM;EACpB;AACF"}

package/lib/composables/coordinate/arrangement.js

@@ -0,0 +1,14 @@
+export function applyArrangement(props, state, coordinate, coordinateStyles) {
+  const {
+    contentEl,
+    base,
+    active
+  } = state;
+  function updateCoordinate() {
+    //
+  }
+  return {
+    updateCoordinate
+  };
+}
+//# sourceMappingURL=arrangement.js.map

package/lib/composables/coordinate/arrangement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrangement.js","names":["applyArrangement","props","state","coordinate","coordinateStyles","contentEl","base","active","updateCoordinate"],"sources":["../../../src/composables/coordinate/arrangement.ts"],"sourcesContent":["import { type CSSProperties, type Ref } from 'vue';\r\n\r\nimport { type Rect } from '@/util/rect';\r\n\r\nimport type { CoordinateState } from './types';\r\n\r\nexport function applyArrangement(\r\n  props: any,\r\n  state: CoordinateState,\r\n  coordinate: Ref<Rect | undefined>,\r\n  coordinateStyles: Ref<CSSProperties>,\r\n) {\r\n  const { contentEl, base, active } = state;\r\n\r\n  function updateCoordinate(): any {\r\n    //\r\n  }\r\n\r\n  return {\r\n    updateCoordinate,\r\n  };\r\n}\r\n"],"mappings":"AAMA,OAAO,SAASA,gBAAgBA,CAC9BC,KAAU,EACVC,KAAsB,EACtBC,UAAiC,EACjCC,gBAAoC,EACpC;EACA,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAEzC,SAASM,gBAAgBA,CAAA,EAAQ;IAC/B;EAAA;EAGF,OAAO;IACLA;EACF,CAAC;AACH"}