rx-compo 1.0.79 → 1.0.80

package/lib/packages/components/rxtabs/src/rxtabs2.js

@@ -2,47 +2,235 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var lodashEs = require('lodash-es');
+var index$1 = require('../../rxbutton/index.js');
+var index$2 = require('../../dropdown/index.js');
+var index = require('../../tabs/index.js');
+var rxtabs = require('./rxtabs.js');
+var useTabs = require('./hooks/useTabs.js');
+var useController = require('./hooks/useController.js');
+var base = require('./enums/base.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 
-const rxtabsProps = runtime.buildProps({
-  modelValue: {
-    type: [String, Number],
-    default: ""
+const _sfc_main = vue.defineComponent({
+  name: "ElRxtabs",
+  components: {
+    ElTabs: index.ElTabs,
+    ElTabPane: index.ElTabPane,
+    ElRxbutton: index$1.ElRxbutton,
+    ElDropdown: index$2.ElDropdown,
+    ElDropdownItem: index$2.ElDropdownItem,
+    ElDropdownMenu: index$2.ElDropdownMenu
   },
-  rxTabPaneOptions: {
-    type: Array,
-    default: []
-  },
-  level: {
-    type: Number,
-    default: 1
-  },
-  rxDropDownAttrs: {
-    type: Object,
-    default: void 0
-  },
-  isDropDown: {
-    type: Boolean,
-    default: false
-  },
-  isAddTabs: {
-    type: Boolean,
-    default: false
-  },
-  firstLevelFormatter: {
-    type: Function,
-    default: void 0
-  },
-  SecondLevelFormatter: {
-    type: Function,
-    default: void 0
-  },
-  customDropDownFormatter: {
-    type: Function,
-    default: void 0
+  emit: ["handleEmitTabsAdd"],
+  props: rxtabs.rxtabsProps,
+  setup(props, { emit }) {
+    const rxTabsRef = vue.ref();
+    const rxTabsRenderStatus = vue.ref(false);
+    const rxTabsModelValue = core.useVModel(props, "modelValue", emit);
+    const { rxTabPaneOptionsComputed } = useTabs.useTabs(props);
+    const { rxDropDownItem, dropDownHeight, handleEmitTabsAdd, handleCommand } = useController.useController(props, rxTabsRef, rxTabsModelValue, emit);
+    return {
+      rxTabsModelValue,
+      rxTabPaneOptionsComputed,
+      rxTabsRenderStatus,
+      rxDropDownItem,
+      rxTabsRef,
+      dropDownHeight,
+      LEVEL_1: base.LEVEL_1,
+      LEVEL_2: base.LEVEL_2,
+      isEmpty: lodashEs.isEmpty,
+      handleEmitTabsAdd,
+      handleCommand
+    };
   }
 });
+const _hoisted_1 = { class: "flex" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-dropdown-link" }, [
+  /* @__PURE__ */ vue.createElementVNode("svg", {
+    width: "26",
+    height: "26",
+    viewBox: "0 0 26 26",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: "text-[#5C6781] hover:text-[#3370FF]"
+  }, [
+    /* @__PURE__ */ vue.createElementVNode("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M23 9.596L18.404 5L16.99 6.414L20.172 9.596L16.99 12.778L18.404 14.192L23 9.596ZM22 21.0957V19.0957H4V21.0957H22ZM13 12.0957V14.0957H4V12.0957H13ZM13 7.0957V5.0957H4V7.0957H13Z",
+      fill: "currentColor"
+    })
+  ])
+], -1);
+const _hoisted_4 = {
+  key: 1,
+  class: "flex items-center"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u6DFB\u52A0");
+const _hoisted_7 = {
+  key: 1,
+  class: "flex items-center"
+};
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("svg", {
+  width: "18",
+  height: "18",
+  viewBox: "0 0 18 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ vue.createElementVNode("rect", {
+    x: "5",
+    y: "8",
+    width: "8",
+    height: "2",
+    fill: "#3370FF"
+  }),
+  /* @__PURE__ */ vue.createElementVNode("rect", {
+    x: "8",
+    y: "5",
+    width: "2",
+    height: "8",
+    fill: "#3370FF"
+  }),
+  /* @__PURE__ */ vue.createElementVNode("rect", {
+    x: "1",
+    y: "1",
+    width: "16",
+    height: "16",
+    stroke: "#3370FF",
+    "stroke-width": "2"
+  })
+], -1);
+const _hoisted_9 = [
+  _hoisted_8
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+  const _component_el_tabs = vue.resolveComponent("el-tabs");
+  const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+  const _component_el_rxbutton = vue.resolveComponent("el-rxbutton");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createVNode(_component_el_tabs, vue.mergeProps({ ref: "rxTabsRef" }, _ctx.$attrs, {
+      modelValue: _ctx.rxTabsModelValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.rxTabsModelValue = $event),
+      class: "rx-tabs"
+    }), vue.createSlots({
+      default: vue.withCtx(() => [
+        !_ctx.isEmpty(_ctx.rxTabPaneOptionsComputed) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.rxTabPaneOptionsComputed, (item, index) => {
+          return vue.openBlock(), vue.createBlock(_component_el_tab_pane, vue.mergeProps({ key: index }, item), vue.createSlots({
+            default: vue.withCtx(() => [
+              item.defaultSlots ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.defaultSlots.call(null, item)), vue.normalizeProps(vue.mergeProps({ key: 0 }, item)), null, 16)) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 2
+          }, [
+            item.labelSlots ? {
+              name: "label",
+              fn: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.labelSlots.call(null, item)), vue.normalizeProps(vue.guardReactiveProps(item)), null, 16))
+              ])
+            } : void 0
+          ]), 1040);
+        }), 128)) : vue.createCommentVNode("v-if", true)
+      ]),
+      _: 2
+    }, [
+      _ctx.$slots.default ? {
+        name: "default",
+        fn: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      } : void 0
+    ]), 1040, ["modelValue"]),
+    vue.createElementVNode("div", {
+      style: vue.normalizeStyle({ height: `${_ctx.dropDownHeight}px` }),
+      class: "flex items-center ml-[16px] space-x-4"
+    }, [
+      _ctx.isDropDown ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u51FD\u6570DropDown\u533A\u57DF "),
+        _ctx.customDropDownFormatter ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.customDropDownFormatter.call(null, { ..._ctx.$attrs, ..._ctx.$props })), vue.normalizeProps(vue.mergeProps({ key: 0 }, { ..._ctx.$attrs, ..._ctx.$props })), null, 16)) : _ctx.$slots.customDropDown ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u6A21\u677FDropDown\u533A\u57DF "),
+          vue.renderSlot(_ctx.$slots, "customDropDown")
+        ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          vue.createCommentVNode(" \u9ED8\u8BA4 "),
+          vue.createVNode(_component_el_dropdown, vue.mergeProps(_ctx.rxDropDownAttrs, { onCommand: _ctx.handleCommand }), {
+            dropdown: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "custom"),
+              vue.createVNode(_component_el_dropdown_menu, null, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rxDropDownItem, (item, index) => {
+                    return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, vue.mergeProps({ key: index }, item), {
+                      default: vue.withCtx(() => [
+                        vue.createCommentVNode(" \u51FD\u6570\u5F0F\u63D2\u69FD "),
+                        item.dropDownItemSlots ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.dropDownItemSlots.call(null, item)), vue.normalizeProps(vue.mergeProps({ key: 0 }, item)), null, 16)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                          vue.createCommentVNode(" \u6A21\u677F\u63D2\u69FD "),
+                          vue.createElementVNode("span", null, vue.toDisplayString(item.label), 1)
+                        ], 2112))
+                      ]),
+                      _: 2
+                    }, 1040);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx(() => [
+              _hoisted_3
+            ]),
+            _: 3
+          }, 16, ["onCommand"])
+        ], 2112))
+      ])) : vue.createCommentVNode("v-if", true),
+      vue.createCommentVNode(" \u6309\u94AE\u7EC4 "),
+      _ctx.isAddTabs ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+        vue.createCommentVNode(" \u4E00\u7EA7tabs "),
+        _ctx.level === _ctx.LEVEL_1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createCommentVNode(" \u51FD\u6570\u63D2\u69FD "),
+          _ctx.firstLevelFormatter ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.firstLevelFormatter.call(null, { ..._ctx.$attrs, ..._ctx.$props })), vue.normalizeProps(vue.mergeProps({ key: 0 }, { ..._ctx.$attrs, ..._ctx.$props })), null, 16)) : _ctx.$slots.level_1 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createCommentVNode(" \u6A21\u677F\u63D2\u69FD "),
+            vue.renderSlot(_ctx.$slots, "level_1")
+          ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createCommentVNode(" \u9ED8\u8BA4 "),
+            vue.createVNode(_component_el_rxbutton, {
+              type: "primary",
+              plain: "",
+              onClick: _ctx.handleEmitTabsAdd
+            }, {
+              default: vue.withCtx(() => [
+                _hoisted_6
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ], 2112))
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u4E8C\u7EA7tabs "),
+        _ctx.level === _ctx.LEVEL_2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+          vue.createCommentVNode(" \u51FD\u6570\u63D2\u69FD "),
+          _ctx.SecondLevelFormatter ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.SecondLevelFormatter.call(null, { ..._ctx.$attrs, ..._ctx.$props })), vue.normalizeProps(vue.mergeProps({ key: 0 }, { ..._ctx.$attrs, ..._ctx.$props })), null, 16)) : _ctx.$slots.level_2 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createCommentVNode(" \u6A21\u677F\u63D2\u69FD "),
+            vue.renderSlot(_ctx.$slots, "level_2")
+          ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createCommentVNode(" \u9ED8\u8BA4 "),
+            vue.createElementVNode("span", {
+              class: "cursor-pointer el-dropdown-link-add",
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleEmitTabsAdd && _ctx.handleEmitTabsAdd(...args))
+            }, _hoisted_9)
+          ], 2112))
+        ])) : vue.createCommentVNode("v-if", true)
+      ])) : vue.createCommentVNode("v-if", true)
+    ], 4)
+  ]);
+}
+var Rxtabs = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/kaiserdu/Desktop/XZE/Z2/rx-compo/packages/components/rxtabs/src/rxtabs.vue"]]);
 
-exports.rxtabsProps = rxtabsProps;
+exports["default"] = Rxtabs;
 //# sourceMappingURL=rxtabs2.js.map

package/lib/packages/components/rxtabs/src/rxtabs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"rxtabs2.js","sources":["../../../../../../../packages/components/rxtabs/src/rxtabs.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, PropType, Ref } from 'vue'\nimport type Rxtabs from './rxtabs.vue'\n\nexport interface RxTabPaneType {\n  label: string\n  disabled: boolean\n  name: string | number\n  closable: boolean\n  lazy: boolean\n  defaultSlots?: Record<string | number, any>\n  labelSlots?: Record<string | number, any>\n  dropDownItemSlots?: Record<string | number, any>\n}\n\nexport const rxtabsProps = buildProps({\n  modelValue: {\n    type: [String, Number],\n    default: '',\n  },\n  rxTabPaneOptions: {\n    type: Array as PropType<RxTabPaneType[]>,\n    default: [],\n  },\n  level: {\n    type: Number,\n    default: 1,\n  },\n  rxDropDownAttrs: {\n    type: Object,\n    default: undefined,\n  },\n  isDropDown: {\n    type: Boolean,\n    default: false,\n  },\n  isAddTabs: {\n    type: Boolean,\n    default: false,\n  },\n  firstLevelFormatter: {\n    type: Function,\n    default: undefined,\n  },\n  SecondLevelFormatter: {\n    type: Function,\n    default: undefined,\n  },\n  customDropDownFormatter: {\n    type: Function,\n    default: undefined,\n  },\n})\nexport type RxtabsProps = ExtractPropTypes<typeof rxtabsProps>\nexport type RxtabsInstance = InstanceType<typeof Rxtabs>\nexport interface RxTabsAddEmitType {\n  props: RxtabsProps\n  rxTabsModelValue: string | number\n  rxTabsRef: Ref\n}\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,uBAAuB,EAAE;AAC3B,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"rxtabs2.js","sources":["../../../../../../../packages/components/rxtabs/src/rxtabs.vue"],"sourcesContent":["<template>\n  <div class=\"flex\">\n    <el-tabs\n      ref=\"rxTabsRef\"\n      v-bind:=\"$attrs\"\n      v-model=\"rxTabsModelValue\"\n      class=\"rx-tabs\"\n    >\n      <!-- 函数插槽 -->\n      <template v-if=\"!isEmpty(rxTabPaneOptionsComputed)\">\n        <el-tab-pane\n          v-for=\"(item, index) in rxTabPaneOptionsComputed\"\n          :key=\"index\"\n          v-bind:=\"item\"\n        >\n          <!-- el-tabe-pane 默认函数插槽 -->\n          <component\n            :is=\"item.defaultSlots.call(null, item)\"\n            v-if=\"item.defaultSlots\"\n            v-bind:=\"item\"\n          />\n          <!-- el-tabe-pane label函数插槽 -->\n          <template v-if=\"item.labelSlots\" #label>\n            <component :is=\"item.labelSlots.call(null, item)\" v-bind:=\"item\" />\n          </template>\n        </el-tab-pane>\n      </template>\n      <!-- 默认插槽 -->\n      <template v-if=\"$slots.default\" #default>\n        <slot />\n      </template>\n    </el-tabs>\n    <div\n      :style=\"{ height: `${dropDownHeight}px` }\"\n      class=\"flex items-center ml-[16px] space-x-4\"\n    >\n      <div v-if=\"isDropDown\">\n        <!-- 自定义函数DropDown区域 -->\n        <component\n          :is=\"customDropDownFormatter.call(null, { ...$attrs, ...$props })\"\n          v-if=\"customDropDownFormatter\"\n          v-bind:=\"{ ...$attrs, ...$props }\"\n        />\n        <!-- 自定义模板DropDown区域 -->\n        <slot v-else-if=\"$slots.customDropDown\" name=\"customDropDown\" />\n        <!-- 默认 -->\n        <el-dropdown v-else v-bind:=\"rxDropDownAttrs\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\">\n            <svg\n              width=\"26\"\n              height=\"26\"\n              viewBox=\"0 0 26 26\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class=\"text-[#5C6781] hover:text-[#3370FF]\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M23 9.596L18.404 5L16.99 6.414L20.172 9.596L16.99 12.778L18.404 14.192L23 9.596ZM22 21.0957V19.0957H4V21.0957H22ZM13 12.0957V14.0957H4V12.0957H13ZM13 7.0957V5.0957H4V7.0957H13Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </span>\n          <template #dropdown>\n            <slot name=\"custom\" />\n            <el-dropdown-menu>\n              <el-dropdown-item\n                v-for=\"(item, index) in rxDropDownItem\"\n                :key=\"index\"\n                v-bind:=\"item\"\n              >\n                <!-- 函数式插槽 -->\n                <component\n                  :is=\"item.dropDownItemSlots.call(null, item)\"\n                  v-if=\"item.dropDownItemSlots\"\n                  v-bind:=\"item\"\n                />\n                <!-- 模板插槽 -->\n                <span v-else>{{ item.label }}</span>\n              </el-dropdown-item>\n            </el-dropdown-menu>\n          </template>\n        </el-dropdown>\n      </div>\n      <!-- 按钮组 -->\n      <div v-if=\"isAddTabs\" class=\"flex items-center\">\n        <!-- 一级tabs -->\n        <div v-if=\"level === LEVEL_1\" class=\"flex items-center\">\n          <!-- 函数插槽 -->\n          <component\n            :is=\"firstLevelFormatter.call(null, { ...$attrs, ...$props })\"\n            v-if=\"firstLevelFormatter\"\n            v-bind:=\"{ ...$attrs, ...$props }\"\n          />\n          <!-- 模板插槽 -->\n          <slot v-else-if=\"$slots.level_1\" name=\"level_1\" />\n          <!-- 默认 -->\n          <el-rxbutton v-else type=\"primary\" plain @click=\"handleEmitTabsAdd\"\n            >添加</el-rxbutton\n          >\n        </div>\n        <!-- 二级tabs -->\n        <div v-if=\"level === LEVEL_2\" class=\"flex items-center\">\n          <!-- 函数插槽 -->\n          <component\n            :is=\"SecondLevelFormatter.call(null, { ...$attrs, ...$props })\"\n            v-if=\"SecondLevelFormatter\"\n            v-bind:=\"{ ...$attrs, ...$props }\"\n          />\n          <!-- 模板插槽 -->\n          <slot v-else-if=\"$slots.level_2\" name=\"level_2\" />\n          <!-- 默认 -->\n          <span\n            v-else\n            class=\"cursor-pointer el-dropdown-link-add\"\n            @click=\"handleEmitTabsAdd\"\n          >\n            <svg\n              width=\"18\"\n              height=\"18\"\n              viewBox=\"0 0 18 18\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <rect x=\"5\" y=\"8\" width=\"8\" height=\"2\" fill=\"#3370FF\" />\n              <rect x=\"8\" y=\"5\" width=\"2\" height=\"8\" fill=\"#3370FF\" />\n              <rect\n                x=\"1\"\n                y=\"1\"\n                width=\"16\"\n                height=\"16\"\n                stroke=\"#3370FF\"\n                stroke-width=\"2\"\n              />\n            </svg>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { useVModel } from '@vueuse/core'\nimport { isEmpty } from 'lodash-es'\nimport { ElRxbutton } from '@element-plus/components/rxbutton'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElTabPane, ElTabs } from '@element-plus/components/tabs'\nimport { rxtabsProps } from './rxtabs'\nimport { useTabs } from './hooks/useTabs'\nimport { useController } from './hooks/useController'\nimport { LEVEL_1, LEVEL_2 } from './enums/base'\n\nexport default defineComponent({\n  name: 'ElRxtabs',\n  components: {\n    ElTabs,\n    ElTabPane,\n    ElRxbutton,\n    ElDropdown,\n    ElDropdownItem,\n    ElDropdownMenu,\n  },\n  emit: ['handleEmitTabsAdd'],\n  props: rxtabsProps,\n  setup(props, { emit }) {\n    const rxTabsRef = ref()\n    const rxTabsRenderStatus = ref<boolean>(false)\n    const rxTabsModelValue = useVModel(props, 'modelValue', emit)\n    const { rxTabPaneOptionsComputed } = useTabs(props)\n    const { rxDropDownItem, dropDownHeight, handleEmitTabsAdd, handleCommand } =\n      useController(props, rxTabsRef, rxTabsModelValue, emit)\n    return {\n      rxTabsModelValue,\n      rxTabPaneOptionsComputed,\n      rxTabsRenderStatus,\n      rxDropDownItem,\n      rxTabsRef,\n      dropDownHeight,\n      LEVEL_1,\n      LEVEL_2,\n      isEmpty,\n      handleEmitTabsAdd,\n      handleCommand,\n    }\n  },\n})\n</script>\n<style scoped lang=\"scss\"></style>\n"],"names":["defineComponent","ElTabs","ElTabPane","ElRxbutton","ElDropdown","ElDropdownItem","ElDropdownMenu","rxtabsProps","ref","useVModel","useTabs","useController","LEVEL_1","LEVEL_2","isEmpty","_createElementVNode","_openBlock","_createElementBlock","_createVNode","_mergeProps","_createSlots","_Fragment","_createBlock","_withCtx","_resolveDynamicComponent","_normalizeProps","_createCommentVNode","_renderSlot","_normalizeStyle","_renderList","_toDisplayString"],"mappings":"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"}

package/lib/packages/components/scrollbar/index.js

@@ -6,7 +6,7 @@ require('../../utils/index.js');
 var scrollbar$1 = require('./src/scrollbar2.js');
 var util = require('./src/util.js');
 var scrollbar = require('./src/scrollbar.js');
-var thumb = require('./src/thumb2.js');
+var thumb = require('./src/thumb.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/packages/components/scrollbar/src/bar2.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var util = require('./util.js');
-var thumb = require('./thumb.js');
+var thumb = require('./thumb2.js');
 var bar = require('./bar.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 

package/lib/packages/components/scrollbar/src/thumb.js

@@ -2,138 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-var constants = require('./constants.js');
-var util = require('./util.js');
-var thumb = require('./thumb2.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var error = require('../../../utils/error.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const COMPONENT_NAME = "Thumb";
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "thumb",
-  props: thumb.thumbProps,
-  setup(__props) {
-    const props = __props;
-    const scrollbar = vue.inject(constants.scrollbarContextKey);
-    const ns = index.useNamespace("scrollbar");
-    if (!scrollbar)
-      error.throwError(COMPONENT_NAME, "can not inject scrollbar context");
-    const instance = vue.ref();
-    const thumb = vue.ref();
-    const thumbState = vue.ref({});
-    const visible = vue.ref(false);
-    let cursorDown = false;
-    let cursorLeave = false;
-    let originalOnSelectStart = core.isClient ? document.onselectstart : null;
-    const bar = vue.computed(() => util.BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const thumbStyle = vue.computed(() => util.renderThumbStyle({
-      size: props.size,
-      move: props.move,
-      bar: bar.value
-    }));
-    const offsetRatio = vue.computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
-    const clickThumbHandler = (e) => {
-      var _a;
-      e.stopPropagation();
-      if (e.ctrlKey || [1, 2].includes(e.button))
-        return;
-      (_a = window.getSelection()) == null ? void 0 : _a.removeAllRanges();
-      startDrag(e);
-      const el = e.currentTarget;
-      if (!el)
-        return;
-      thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
-    };
-    const clickTrackHandler = (e) => {
-      if (!thumb.value || !instance.value || !scrollbar.wrapElement)
-        return;
-      const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
-      const thumbHalf = thumb.value[bar.value.offset] / 2;
-      const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown = true;
-      document.addEventListener("mousemove", mouseMoveDocumentHandler);
-      document.addEventListener("mouseup", mouseUpDocumentHandler);
-      originalOnSelectStart = document.onselectstart;
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (!instance.value || !thumb.value)
-        return;
-      if (cursorDown === false)
-        return;
-      const prevPage = thumbState.value[bar.value.axis];
-      if (!prevPage)
-        return;
-      const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
-      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
-      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const mouseUpDocumentHandler = () => {
-      cursorDown = false;
-      thumbState.value[bar.value.axis] = 0;
-      document.removeEventListener("mousemove", mouseMoveDocumentHandler);
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-      restoreOnselectstart();
-      if (cursorLeave)
-        visible.value = false;
-    };
-    const mouseMoveScrollbarHandler = () => {
-      cursorLeave = false;
-      visible.value = !!props.size;
-    };
-    const mouseLeaveScrollbarHandler = () => {
-      cursorLeave = true;
-      visible.value = cursorDown;
-    };
-    vue.onBeforeUnmount(() => {
-      restoreOnselectstart();
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-    });
-    const restoreOnselectstart = () => {
-      if (document.onselectstart !== originalOnSelectStart)
-        document.onselectstart = originalOnSelectStart;
-    };
-    core.useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-    core.useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: vue.unref(ns).b("fade"),
-        persisted: ""
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("div", {
-            ref_key: "instance",
-            ref: instance,
-            class: vue.normalizeClass([vue.unref(ns).e("bar"), vue.unref(ns).is(vue.unref(bar).key)]),
-            onMousedown: clickTrackHandler
-          }, [
-            vue.createElementVNode("div", {
-              ref_key: "thumb",
-              ref: thumb,
-              class: vue.normalizeClass(vue.unref(ns).e("thumb")),
-              style: vue.normalizeStyle(vue.unref(thumbStyle)),
-              onMousedown: clickThumbHandler
-            }, null, 38)
-          ], 34), [
-            [vue.vShow, _ctx.always || visible.value]
-          ])
-        ]),
-        _: 1
-      }, 8, ["name"]);
-    };
-  }
+const thumbProps = runtime.buildProps({
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: true
+  },
+  always: Boolean
 });
-var Thumb = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/kaiserdu/Desktop/XZE/Z2/rx-compo/packages/components/scrollbar/src/thumb.vue"]]);
 
-exports["default"] = Thumb;
+exports.thumbProps = thumbProps;
 //# sourceMappingURL=thumb.js.map

package/lib/packages/components/scrollbar/src/thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"thumb.js","sources":["../../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n      @mousedown=\"clickTrackHandler\"\n    >\n      <div\n        ref=\"thumb\"\n        :class=\"ns.e('thumb')\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'\nimport { useEventListener } from '@vueuse/core'\nimport { isClient, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { scrollbarContextKey } from './constants'\nimport { BAR_MAP, renderThumbStyle } from './util'\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nconst props = defineProps(thumbProps)\n\nconst scrollbar = inject(scrollbarContextKey)\nconst ns = useNamespace('scrollbar')\n\nif (!scrollbar) throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\nconst instance = ref<HTMLDivElement>()\nconst thumb = ref<HTMLDivElement>()\n\nconst thumbState = ref<Partial<Record<'X' | 'Y', number>>>({})\nconst visible = ref(false)\n\nlet cursorDown = false\nlet cursorLeave = false\nlet originalOnSelectStart:\n  | ((this: GlobalEventHandlers, ev: Event) => any)\n  | null = isClient ? document.onselectstart : null\n\nconst bar = computed(() => BAR_MAP[props.vertical ? 'vertical' : 'horizontal'])\n\nconst thumbStyle = computed(() =>\n  renderThumbStyle({\n    size: props.size,\n    move: props.move,\n    bar: bar.value,\n  })\n)\n\nconst offsetRatio = computed(\n  () =>\n    // offsetRatioX = original width of thumb / current width of thumb / ratioX\n    // offsetRatioY = original height of thumb / current height of thumb / ratioY\n    // instance height = wrap height - GAP\n    instance.value![bar.value.offset] ** 2 /\n    scrollbar.wrapElement![bar.value.scrollSize] /\n    props.ratio /\n    thumb.value![bar.value.offset]\n)\n\nconst clickThumbHandler = (e: MouseEvent) => {\n  // prevent click event of middle and right button\n  e.stopPropagation()\n  if (e.ctrlKey || [1, 2].includes(e.button)) return\n\n  window.getSelection()?.removeAllRanges()\n  startDrag(e)\n\n  const el = e.currentTarget as HTMLDivElement\n  if (!el) return\n  thumbState.value[bar.value.axis] =\n    el[bar.value.offset] -\n    (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction])\n}\n\nconst clickTrackHandler = (e: MouseEvent) => {\n  if (!thumb.value || !instance.value || !scrollbar.wrapElement) return\n\n  const offset = Math.abs(\n    (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]\n  )\n  const thumbHalf = thumb.value[bar.value.offset] / 2\n  const thumbPositionPercentage =\n    ((offset - thumbHalf) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n\n  scrollbar.wrapElement[bar.value.scroll] =\n    (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n    100\n}\n\nconst startDrag = (e: MouseEvent) => {\n  e.stopImmediatePropagation()\n  cursorDown = true\n  document.addEventListener('mousemove', mouseMoveDocumentHandler)\n  document.addEventListener('mouseup', mouseUpDocumentHandler)\n  originalOnSelectStart = document.onselectstart\n  document.onselectstart = () => false\n}\n\nconst mouseMoveDocumentHandler = (e: MouseEvent) => {\n  if (!instance.value || !thumb.value) return\n  if (cursorDown === false) return\n\n  const prevPage = thumbState.value[bar.value.axis]\n  if (!prevPage) return\n\n  const offset =\n    (instance.value.getBoundingClientRect()[bar.value.direction] -\n      e[bar.value.client]) *\n    -1\n  const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n  const thumbPositionPercentage =\n    ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n    instance.value[bar.value.offset]\n  scrollbar.wrapElement[bar.value.scroll] =\n    (thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize]) /\n    100\n}\n\nconst mouseUpDocumentHandler = () => {\n  cursorDown = false\n  thumbState.value[bar.value.axis] = 0\n  document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n  restoreOnselectstart()\n  if (cursorLeave) visible.value = false\n}\n\nconst mouseMoveScrollbarHandler = () => {\n  cursorLeave = false\n  visible.value = !!props.size\n}\n\nconst mouseLeaveScrollbarHandler = () => {\n  cursorLeave = true\n  visible.value = cursorDown\n}\n\nonBeforeUnmount(() => {\n  restoreOnselectstart()\n  document.removeEventListener('mouseup', mouseUpDocumentHandler)\n})\n\nconst restoreOnselectstart = () => {\n  if (document.onselectstart !== originalOnSelectStart)\n    document.onselectstart = originalOnSelectStart\n}\n\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mousemove',\n  mouseMoveScrollbarHandler\n)\nuseEventListener(\n  toRef(scrollbar, 'scrollbarElement'),\n  'mouseleave',\n  mouseLeaveScrollbarHandler\n)\n</script>\n"],"names":["inject","scrollbarContextKey","useNamespace","throwError","ref","isClient","computed","BAR_MAP","renderThumbStyle","onBeforeUnmount","useEventListener","toRef"],"mappings":"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"}
+{"version":3,"file":"thumb.js","sources":["../../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Thumb from './thumb.vue'\n\nexport const thumbProps = buildProps({\n  vertical: Boolean,\n  size: String,\n  move: Number,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\n\nexport type ThumbInstance = InstanceType<typeof Thumb>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}