@handaotech-design/bom 0.0.16

package/dist/lib/components/bom-tree/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  HdBomTree: true
+};
+module.exports = exports.HdBomTree = void 0;
+var _vue = require("@handaotech-design/vue");
+var _index = _interopRequireWildcard(require("./index.vue"));
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HdBomTree = exports.HdBomTree = (0, _vue.withInstall)(_index.default);
+module.exports = HdBomTree;

package/dist/lib/components/bom-tree/index.vue

@@ -0,0 +1,358 @@
+<script lang="ts" setup>
+import { nextTick, onBeforeUnmount, onMounted, ref, toRefs, watch } from 'vue'
+import type { TreeProps } from 'ant-design-vue'
+import { watchDebounced } from '@vueuse/shared'
+import * as _ from 'lodash-es'
+import type { DataNode } from 'ant-design-vue/es/vc-tree-select/interface'
+import type { EventDataNode } from 'ant-design-vue/es/tree'
+import HdGrayInput from '../gray-input'
+import type { BomTreeConfig } from '../../models'
+
+const props = defineProps<Props>()
+const emits = defineEmits(['select'])
+const COMPONENT_NAME = 'HdBomTree'
+defineOptions({
+  name: COMPONENT_NAME,
+})
+
+type TreeNodeWithMeta = DataNode & {
+  parentKeys: string[]
+}
+
+interface Props {
+  treeData: TreeProps['treeData']
+  config: BomTreeConfig
+}
+
+const expandedKeys = ref<(string | number)[]>([])
+const searchValue = ref<string>('')
+const autoExpandParent = ref<boolean>(true)
+const { treeData: _treeData } = toRefs(props)
+const filteredTreeData = ref<TreeProps['treeData']>([])
+const treeContainerHeight = ref<number>(0)
+const treeContainerId = 'treeContainer'
+let keyToNodeMap = new Map<string, TreeNodeWithMeta>()
+const selectedKeys = ref<string[]>([])
+const initTreeState = async () => {
+  searchValue.value = ''
+  filteredTreeData.value = _treeData.value
+}
+
+const onExpand = (keys: Key[]) => {
+  expandedKeys.value = keys
+  autoExpandParent.value = false
+}
+
+const updateTreeContainerHeight = () => {
+  const treeContainer = document.getElementById(treeContainerId)
+  if (treeContainer) {
+    treeContainerHeight.value = treeContainer.clientHeight
+  }
+}
+
+const buildKeyToNodeMap = (treeData: TreeProps['treeData']) => {
+  const keyMap = new Map<string, TreeNodeWithMeta>()
+  const traverse = (nodes: TreeProps['treeData'] = [], parentKeys: string[] = []) => {
+    for (const node of nodes) {
+      if (parentKeys) {
+        keyMap.set(node.key as string, {
+          ...node,
+          parentKeys: parentKeys || [],
+        } as any)
+      }
+      if (!_.isEmpty(node.children)) {
+        traverse(node.children, [...parentKeys, node.key as string])
+      }
+    }
+  }
+  traverse(treeData)
+  return keyMap
+}
+
+const filterTreeData = (data: TreeProps['treeData'], filteredKeys: string[]) => {
+  const getNodes = (result: any, node: any) => {
+    if (_.includes(filteredKeys, node.key)) {
+      result.push({ ...node })
+      return result
+    }
+    if (Array.isArray(node.children)) {
+      const children = node.children.reduce(getNodes, [])
+      if (!_.isEmpty(children)) {
+        result.push({ ...node, children })
+      }
+    }
+    return result
+  }
+  return (data || []).reduce(getNodes, [])
+}
+
+// 获取直接父节点的 key
+const getParentKey = (key: string): string[] | undefined => {
+  const treeNode = keyToNodeMap.get(key)
+  return treeNode?.parentKeys || []
+}
+
+const selectFirstSelectableNode = () => {
+  const firstNode: any = _.find(Array.from(keyToNodeMap.values()), node => (node as any)?.selectable)
+  if (!firstNode) {
+    return
+  }
+
+  nextTick(() => {
+    expandedKeys.value = getParentKey(firstNode.key as string) as any
+    selectedKeys.value = firstNode ? [firstNode.key] as string[] : []
+  })
+}
+
+type Key = string | number
+const onSelected = (keys: Key[], { node }: { node: EventDataNode }) => {
+  const key = node?.dataRef?.key
+  if (key) {
+    selectedKeys.value = [key as string]
+  }
+  else {
+    selectedKeys.value = []
+  }
+}
+
+onMounted(async () => {
+  window.addEventListener('resize', updateTreeContainerHeight)
+  await nextTick(() => {
+    updateTreeContainerHeight()
+  })
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', updateTreeContainerHeight)
+})
+
+watch(
+  () => _treeData.value,
+  async () => {
+    if (!_.isEmpty(_treeData.value)) {
+      keyToNodeMap = buildKeyToNodeMap(_treeData.value)
+      await initTreeState()
+      selectFirstSelectableNode()
+    }
+    else {
+      keyToNodeMap.clear()
+      await initTreeState()
+    }
+  },
+  {
+    immediate: true,
+  },
+)
+
+watchDebounced(
+  searchValue, (value: string) => {
+    let expanded: any[]
+    if (_.isEmpty(value)) {
+      expanded = getParentKey(selectedKeys.value[0]) || []
+      filteredTreeData.value = _treeData.value
+    }
+    else {
+      const filteredNodes: TreeProps['treeData'] = []
+      expanded = (Array.from(keyToNodeMap.values()))
+        .map((item: any) => {
+          if (hasSearchMatch(item.title)) {
+            filteredNodes.push(item)
+            return getParentKey(item.key)
+          }
+          return null
+        })
+        .filter((item, i, self) => item && self.indexOf(item) === i)
+      const filteredKeys = filteredNodes.map(item => item.key)
+      filteredTreeData.value = _.isEmpty(filteredKeys) ? [] : filterTreeData(_treeData.value, filteredKeys as unknown as string[])
+    }
+    expandedKeys.value = expanded
+    nextTick(() => {
+      expandedKeys.value = _.uniq(expanded.flat(1)) as any as string[]
+    })
+  }, { debounce: 500 })
+
+watch(
+  () => selectedKeys.value,
+  () => {
+    if (selectedKeys.value && selectedKeys.value.length) {
+      return emits('select', keyToNodeMap.get(selectedKeys.value[0]))
+    }
+  },
+)
+
+function getIconClass(icon: string, isSelected: boolean) {
+  return isSelected ? `i-icon-${icon}-selected` : `i-icon-${icon}`
+}
+
+function getTitlePart(title: string, partType: 'before' | 'after') {
+  const _searchValue = searchValue.value || ''
+  const index = title.indexOf(_searchValue)
+
+  return {
+    before: title.substring(0, index),
+    after: title.substring(index + _searchValue.length),
+  }[partType]
+}
+
+function hasSearchMatch(title: string) {
+  return searchValue.value && title.includes(searchValue.value)
+}
+</script>
+
+<template>
+  <div class="flex flex-col h-100%">
+    <div class="search-box">
+      <HdGrayInput
+        v-model:value="searchValue"
+        :placeholder="props.config?.filter?.placeholder || '输入关键词进行筛选（如名称/编号）'"
+        class="search-input"
+      >
+        <template #prefix>
+          <div class="i-icon-search w-16px h-16px" />
+        </template>
+      </HdGrayInput>
+    </div>
+    <div :id="treeContainerId" class="flex-grow tree-wrapper mt-12px overflow-y-hidden">
+      <div v-if="!_.isEmpty(filteredTreeData)">
+        <a-tree
+          :height="treeContainerHeight"
+          :expanded-keys="expandedKeys"
+          :auto-expand-parent="autoExpandParent"
+          :tree-data="filteredTreeData"
+          :block-node="true"
+          :selected-keys="selectedKeys"
+          @expand="onExpand"
+          @select="onSelected"
+        >
+          <template #title="{ title, dataRef }">
+            <div :class="`tree-node-tittle flex items-center ${dataRef.selectable ? 'selectable' : 'not-selectable'}`">
+              <div
+                v-if="!!dataRef.icon"
+                class="icon w-20px h-20px mr-4px min-w-20px"
+                :class="[getIconClass(dataRef.icon, selectedKeys.includes(dataRef.key))]"
+              />
+              <a-dropdown :trigger="['contextmenu']">
+                <div v-if="hasSearchMatch(title)" class="tree-node-text">
+                  <span>{{ getTitlePart(title, 'before') }}</span>
+                  <span class="highlight" style="background-color: #FFD499">{{ searchValue }}</span>
+                  <span>{{ getTitlePart(title, 'after') }}</span>
+                </div>
+                <div v-else class="tree-node-text">
+                  {{ title }}
+                </div>
+                <template #overlay>
+                  <slot name="right-click" :tree-node="dataRef" />
+                </template>
+              </a-dropdown>
+            </div>
+          </template>
+          <template #switcherIcon="{ dataRef }">
+            <div
+              v-if="expandedKeys.includes(dataRef.key)" class="i-icon-remove-minus icon w-16px h-16px"
+              style="font-size: 20px;"
+            />
+            <div v-else class="i-icon-remove-plus icon w-16px h-16px" />
+          </template>
+        </a-tree>
+      </div>
+      <div v-show="_.isEmpty(filteredTreeData)" class="w-100% h-100% flex justify-center items-center">
+        <span>暂无数据</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.tree-wrapper {
+  background-color: #fff;
+}
+
+.search-box {
+  padding: 0 16px;
+}
+
+:deep(.ant-tree-list) .ant-tree-treenode-motion {
+  width: 100%;
+}
+:deep(.ant-tree-list) .ant-tree-treenode {
+  width: 100%;
+  align-items: center;
+  color: #2C2C2C;
+  font-size: 16px;
+  display: flex;
+  justify-content: center;
+  padding: 4px 12px;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-indent-unit {
+  width: 10px;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-switcher {
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  margin: 0 10px 0 0;
+  align-self: center;
+  line-height: 16px;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper {
+  transition: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-bottom: 0;
+  display: inline-flex;
+  overflow: visible !important;
+  flex: 1;
+  min-width: 0;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
+  background-color: #E9EBED;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle.selectable {
+  cursor: pointer;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title .tree-node-tittle.not-selectable {
+  cursor: auto;
+}
+:deep(.ant-tree-list) .ant-tree-treenode:hover {
+  background-color: #E9EBED;
+}
+:deep(.ant-tree-list) .ant-tree-treenode .ant-tree-node-content-wrapper {
+  user-select: auto;
+}
+:deep(.ant-tree-list) .ant-tree-treenode.ant-tree-treenode-selected {
+  background-color: #EDF4FF;
+  border-radius: 4px;
+  color: #1E3B9D;
+  font-weight: 700;
+}
+:deep(.ant-tree-list) .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-switcher, :deep(.ant-tree-list) .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper {
+  background-color: #EDF4FF;
+}
+:deep(.ant-tree-list) .ant-tree-node-content-wrapper {
+  align-items: center;
+  padding: 0;
+}
+:deep(.ant-tree-list) .ant-tree-node-content-wrapper {
+  display: flex;
+  margin-bottom: -4px;
+}
+:deep(.ant-tree-list) .ant-tree-node-content-wrapper .ant-tree-title {
+  flex-grow: 1;
+  display: block;
+}
+
+.tree-node-text {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+</style>

package/dist/lib/components/bom-workbench/index.d.ts

@@ -0,0 +1,3 @@
+export * from './index.vue';
+export declare const HdBomWorkbench: any;
+export default HdBomWorkbench;

package/dist/lib/components/bom-workbench/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  HdBomWorkbench: true
+};
+module.exports = exports.HdBomWorkbench = void 0;
+var _vue = require("@handaotech-design/vue");
+var _index = _interopRequireWildcard(require("./index.vue"));
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HdBomWorkbench = exports.HdBomWorkbench = (0, _vue.withInstall)(_index.default);
+module.exports = HdBomWorkbench;

package/dist/lib/components/bom-workbench/index.vue

@@ -0,0 +1,98 @@
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import * as _ from 'lodash-es'
+import type { BomNode, BomTreeConfig, Optional, WorkBenchLayoutConfig } from '../../models'
+import { convertBomDataToTree } from '../../utils'
+import HdLeftRight from '../left-right/index'
+import HdBomTree from '../bom-tree/index'
+
+const props = defineProps<Props>()
+const COMPONENT_NAME = 'HdBomWorkbench'
+defineOptions({
+  name: COMPONENT_NAME,
+})
+
+interface Props {
+  moduleKey: string
+  bomData: Optional<BomNode[]>
+  treeConfig: BomTreeConfig
+  layoutConfig?: WorkBenchLayoutConfig
+}
+const bomDataForTree = ref<BomNode[]>()
+const selectedNode = ref<BomNode>()
+
+async function onSelected(data: BomNode) {
+  selectedNode.value = data
+}
+
+watch(
+  () => props.bomData,
+  () => {
+    if (_.isEmpty(props.bomData)) {
+      selectedNode.value = undefined
+      bomDataForTree.value = undefined
+    }
+    else {
+      bomDataForTree.value = convertBomDataToTree(props.bomData!, props.treeConfig.nodeConfig.rule)
+    }
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <HdLeftRight
+    v-if="bomDataForTree"
+    :module-key="props.moduleKey"
+    :max-left-width="props?.layoutConfig?.maxLeftWidth"
+  >
+    <template #left>
+      <div class="left-content">
+        <div class="bom-tree-container">
+          <HdBomTree
+            :tree-data="bomDataForTree"
+            :config="props.treeConfig"
+            @select="(data: BomNode) => onSelected(data)"
+          >
+            <template #right-click>
+              <slot name="tree-right-click" :bom-node="selectedNode" />
+            </template>
+          </HdBomTree>
+        </div>
+      </div>
+    </template>
+    <template #right>
+      <div class="m-20px">
+        <slot name="content" :bom-node="selectedNode" />
+      </div>
+    </template>
+  </HdLeftRight>
+</template>
+
+<style scoped>
+.v-h-center {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: all 1s ease;
+}
+
+.left-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 20px 0 16px 0;
+}
+.left-content .bom-tree-container {
+  flex-grow: 1;
+}
+
+:deep(.spinning-wrapper) {
+  height: 100%;
+}
+:deep(.spinning-wrapper) .ant-spin-container {
+  height: 100%;
+}
+</style>

package/dist/lib/components/gray-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './index.vue';
+export declare const HdGrayInput: any;
+export default HdGrayInput;

package/dist/lib/components/gray-input/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  HdGrayInput: true
+};
+module.exports = exports.HdGrayInput = void 0;
+var _vue = require("@handaotech-design/vue");
+var _index = _interopRequireWildcard(require("./index.vue"));
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HdGrayInput = exports.HdGrayInput = (0, _vue.withInstall)(_index.default);
+module.exports = HdGrayInput;

package/dist/lib/components/gray-input/index.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+const COMPONENT_NAME = 'HdBomGrayInput'
+defineOptions({
+  name: COMPONENT_NAME,
+})
+</script>
+
+<template>
+  <span class="inline-block gray-a-input-wrapper">
+    <a-input
+      v-bind="$attrs"
+    >
+      <template v-for="(key, index) in Object.keys($slots)" :key="index" #[key]>
+        <slot :name="key" />
+      </template>
+    </a-input>
+  </span>
+</template>
+
+<style scoped>
+.gray-a-input-wrapper {
+  width: 100%;
+}
+
+:deep(.ant-input),
+:deep(.ant-input-affix-wrapper) {
+  background-color: #F5F5F5;
+  border-radius: 2px;
+  padding: 6px 12px;
+  font-size: 14px;
+  border-color: transparent;
+}
+:deep(.ant-input):hover,
+:deep(.ant-input-affix-wrapper):hover {
+  border-color: #1E3B9D;
+}
+:deep(.ant-input):focus, :deep(.ant-input).ant-input-affix-wrapper-focused,
+:deep(.ant-input-affix-wrapper):focus,
+:deep(.ant-input-affix-wrapper).ant-input-affix-wrapper-focused {
+  border-color: #1E3B9D;
+  background-color: #fff;
+  box-shadow: none;
+}
+</style>

package/dist/lib/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './bom-tree';
+export * from './bom-workbench';
+export * from './gray-input';
+export * from './left-right';

package/dist/lib/components/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _bomTree = require("./bom-tree");
+Object.keys(_bomTree).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bomTree[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bomTree[key];
+    }
+  });
+});
+var _bomWorkbench = require("./bom-workbench");
+Object.keys(_bomWorkbench).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bomWorkbench[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bomWorkbench[key];
+    }
+  });
+});
+var _grayInput = require("./gray-input");
+Object.keys(_grayInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _grayInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _grayInput[key];
+    }
+  });
+});
+var _leftRight = require("./left-right");
+Object.keys(_leftRight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _leftRight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _leftRight[key];
+    }
+  });
+});

package/dist/lib/components/left-right/index.d.ts

@@ -0,0 +1,3 @@
+export * from './index.vue';
+export declare const HdLeftRight: any;
+export default HdLeftRight;

package/dist/lib/components/left-right/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  HdLeftRight: true
+};
+module.exports = exports.HdLeftRight = void 0;
+var _vue = require("@handaotech-design/vue");
+var _index = _interopRequireWildcard(require("./index.vue"));
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HdLeftRight = exports.HdLeftRight = (0, _vue.withInstall)(_index.default);
+module.exports = HdLeftRight;