sl-ui-pc 2.12.7-beta1 → 2.12.7

package/lib/components/slider-block-vertify/src/slider-block-vertify2.js

@@ -2,202 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var sliderVertify = require('./sliderVertify.js');
-var iconsVue = require('@sl-design/icons-vue');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: "SlSliderBlockVertify"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: Number,
-      default: 330
-    },
-    height: {
-      type: Number,
-      default: 40
-    },
-    successText: {
-      type: String,
-      default: ""
-    },
-    onVertify: {
-      type: Function,
-      required: false
-    },
-    loadingText: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["handleSuccess", "handleFail"],
-  setup(__props, { expose, emit: emits }) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("slider-verify");
-    const width = vue.computed(() => props.width || Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sl-slider-verify-width")));
-    const height = vue.computed(() => props.height || Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--sl-slider-verify-height")));
-    const defaultPlaceholder = t("el.sliderBlockVertify.defaultPlaceholder");
-    const defaultSuccessText = t("el.sliderBlockVertify.defaultSuccessText");
-    const defaultLoadingText = t("el.sliderBlockVertify.defaultLoadingText");
-    const currentLoadingText = vue.computed(() => props.loadingText || defaultLoadingText);
-    const textTip = vue.ref(props.placeholder || defaultPlaceholder);
-    const sliderLeft = vue.ref(0);
-    const trailRef = vue.ref([]);
-    const isMouseDownRef = vue.ref(false);
-    const isActive = vue.ref(false);
-    const isSuccess = vue.ref(false);
-    const isFail = vue.ref(false);
-    const originX = vue.ref(0);
-    const originY = vue.ref(0);
-    const isLoading = vue.ref(false);
-    const handleDragStart = (e) => {
-      originX.value = e.clientX || e.touches[0].clientX;
-      originY.value = e.clientY || e.touches[0].clientY;
-      isMouseDownRef.value = true;
-    };
-    const handleDragMove = async (e) => {
-      if (!isMouseDownRef.value)
-        return;
-      e.preventDefault();
-      const eventX = e.clientX || e.touches[0].clientX;
-      const eventY = e.clientY || e.touches[0].clientY;
-      const moveX = eventX - originX.value;
-      const moveY = eventY - originY.value;
-      isActive.value = true;
-      trailRef.value.push(moveY);
-      if (moveX < 0) {
-        sliderLeft.value = 0;
-        return;
-      }
-      if (moveX + 40 >= width.value) {
-        isMouseDownRef.value = false;
-        isActive.value = false;
-        sliderLeft.value = width.value - 40;
-        const verified = verify();
-        if (verified) {
-          if (props.onVertify && typeof props.onVertify === "function") {
-            isLoading.value = true;
-            const res = await props.onVertify({ moveX, verified });
-            isLoading.value = false;
-            res ? verifySuccess(moveX, verified) : reset();
-          } else {
-            verifySuccess(moveX, verified);
-          }
-        } else {
-          isFail.value = true;
-          textTip.value = "\u8BF7\u518D\u8BD5\u4E00\u6B21";
-          emits("handleFail");
-          reset();
-        }
-        return;
-      }
-      sliderLeft.value = moveX;
-    };
-    const handleDragEnd = () => {
-      if (!isMouseDownRef.value)
-        return;
-      emits("handleFail");
-      reset();
-    };
-    const verify = () => {
-      const arr = trailRef.value;
-      const average = arr.reduce(sliderVertify.sum) / arr.length;
-      const deviations = arr.map((x) => x - average);
-      const stddev = Math.sqrt(deviations.map(sliderVertify.square).reduce(sliderVertify.sum) / arr.length);
-      return stddev !== 0;
-    };
-    const verifySuccess = (moveX, verified) => {
-      isSuccess.value = true;
-      textTip.value = props.successText || defaultSuccessText;
-      emits("handleSuccess", { moveX, verified });
-    };
-    const reset = () => {
-      isMouseDownRef.value = false;
-      trailRef.value = [];
-      sliderLeft.value = 0;
-      isActive.value = false;
-      isSuccess.value = false;
-      isFail.value = false;
-      textTip.value = props.placeholder || defaultPlaceholder;
-    };
-    expose({
-      reset
-    });
-    vue.onMounted(() => {
-      document.addEventListener("mousemove", handleDragMove);
-      document.addEventListener("mouseup", handleDragEnd);
-    });
-    vue.onUnmounted(() => {
-      document.removeEventListener("mousemove", handleDragMove);
-      document.removeEventListener("mouseup", handleDragEnd);
-    });
-    return (_ctx, _cache) => {
-      const _component_sl_icon = vue.resolveComponent("sl-icon");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          vue.unref(ns).b(),
-          vue.unref(ns).is("active", isActive.value),
-          vue.unref(ns).is("success", isSuccess.value),
-          vue.unref(ns).is("fail", isFail.value)
-        ]),
-        style: vue.normalizeStyle({
-          width: vue.unref(width) + "px",
-          height: vue.unref(height) + "px"
-        })
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("mask")),
-          style: vue.normalizeStyle({ width: sliderLeft.value + 40 + "px" })
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("slider")),
-            style: vue.normalizeStyle({ left: sliderLeft.value + "px" }),
-            onMousedown: handleDragStart
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("icon"))
-            }, [
-              isLoading.value ? (vue.openBlock(), vue.createBlock(_component_sl_icon, {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).em("icon", "loading"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.Loading))
-                ]),
-                _: 1
-              }, 8, ["class"])) : isSuccess.value ? (vue.openBlock(), vue.createBlock(_component_sl_icon, { key: 1 }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.SuccessFilled))
-                ]),
-                _: 1
-              })) : (vue.openBlock(), vue.createBlock(_component_sl_icon, { key: 2 }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.DArrowRight))
-                ]),
-                _: 1
-              }))
-            ], 2)
-          ], 38)
-        ], 6),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("text"))
-        }, vue.toDisplayString(isLoading.value ? vue.unref(currentLoadingText) : textTip.value), 3)
-      ], 6);
-    };
-  }
-});
-var SliderBlockVertify = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "slider-block-vertify.vue"]]);
+const sliderBlockVertifyProps = runtime.buildProps({});
+const sliderBlockVertifyEmits = {};
 
-exports["default"] = SliderBlockVertify;
+exports.sliderBlockVertifyEmits = sliderBlockVertifyEmits;
+exports.sliderBlockVertifyProps = sliderBlockVertifyProps;
 //# sourceMappingURL=slider-block-vertify2.js.map

package/lib/components/slider-block-vertify/src/slider-block-vertify2.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-block-vertify2.js","sources":["../../../../../../packages/components/slider-block-vertify/src/slider-block-vertify.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.is('active', isActive),\n      ns.is('success', isSuccess),\n      ns.is('fail', isFail),\n    ]\"\n    :style=\"{\n      width: width + 'px',\n      height: height + 'px',\n    }\"\n  >\n    <div :class=\"ns.e('mask')\" :style=\"{ width: sliderLeft + 40 + 'px' }\">\n      <div\n        :class=\"ns.e('slider')\"\n        :style=\"{ left: sliderLeft + 'px' }\"\n        @mousedown=\"handleDragStart\"\n      >\n        <div :class=\"ns.e('icon')\">\n          <sl-icon v-if=\"isLoading\" :class=\"ns.em('icon', 'loading')\"\n            ><Loading\n          /></sl-icon>\n          <sl-icon v-else-if=\"isSuccess\"><SuccessFilled /></sl-icon>\n          <sl-icon v-else><DArrowRight /></sl-icon>\n        </div>\n      </div>\n    </div>\n    <div :class=\"ns.e('text')\">\n      {{ isLoading ? currentLoadingText : textTip }}\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  computed,\n  defineEmits,\n  defineExpose,\n  onMounted,\n  onUnmounted,\n  ref,\n} from 'vue'\nimport { square, sum } from './sliderVertify'\nimport { DArrowRight, Loading, SuccessFilled } from '@sl-design/icons-vue'\nimport { useLocale, useNamespace } from '@sl-ui-pc/hooks'\n\ndefineOptions({\n  name: 'SlSliderBlockVertify',\n})\n\nconst { t } = useLocale()\nconst ns = useNamespace('slider-verify')\n\nconst props = defineProps({\n  /**\n   * @description 提示文字\n   */\n  placeholder: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description 滑块宽度\n   */\n  width: {\n    type: Number,\n    default: 330,\n  },\n  /**\n   * @description 滑块高度\n   */\n  height: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description 验证成功的文案\n   */\n  successText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description 异步验证函数，成功返回true，失败返回false\n   */\n  onVertify: {\n    type: Function,\n    required: false,\n  },\n  /**\n   * @description loading状态的文案\n   */\n  loadingText: {\n    type: String,\n    default: '',\n  },\n})\n//成功失败回调函数\nconst emits = defineEmits(['handleSuccess', 'handleFail'])\nconst width = computed(\n  () =>\n    props.width ||\n    Number.parseInt(\n      getComputedStyle(document.documentElement).getPropertyValue(\n        '--sl-slider-verify-width'\n      )\n    )\n)\nconst height = computed(\n  () =>\n    props.height ||\n    Number.parseInt(\n      getComputedStyle(document.documentElement).getPropertyValue(\n        '--sl-slider-verify-height'\n      )\n    )\n)\nconst defaultPlaceholder = t('el.sliderBlockVertify.defaultPlaceholder')\nconst defaultSuccessText = t('el.sliderBlockVertify.defaultSuccessText')\nconst defaultLoadingText = t('el.sliderBlockVertify.defaultLoadingText')\nconst currentLoadingText = computed(\n  () => props.loadingText || defaultLoadingText\n)\nconst textTip = ref(props.placeholder || defaultPlaceholder)\nconst sliderLeft = ref<number>(0)\nconst trailRef = ref<number[]>([])\nconst isMouseDownRef = ref<boolean>(false)\nconst isActive = ref(false)\nconst isSuccess = ref(false)\nconst isFail = ref(false)\nconst originX = ref<number>(0)\nconst originY = ref<number>(0)\nconst isLoading = ref<boolean>(false)\n\nconst handleDragStart = (e: any) => {\n  originX.value = e.clientX || e.touches[0].clientX\n  originY.value = e.clientY || e.touches[0].clientY\n  isMouseDownRef.value = true\n}\n\nconst handleDragMove = async (e: any) => {\n  if (!isMouseDownRef.value) return\n  e.preventDefault()\n  const eventX = e.clientX || e.touches[0].clientX\n  const eventY = e.clientY || e.touches[0].clientY\n  const moveX = eventX - originX.value\n  const moveY = eventY - originY.value\n  isActive.value = true\n  trailRef.value.push(moveY)\n  if (moveX < 0) {\n    sliderLeft.value = 0\n    return\n  }\n  // 滑动到最右边\n  if (moveX + 40 >= width.value) {\n    isMouseDownRef.value = false\n    isActive.value = false\n    sliderLeft.value = width.value - 40\n    const verified = verify()\n    if (verified) {\n      if (props.onVertify && typeof props.onVertify === 'function') {\n        isLoading.value = true\n        const res = await props.onVertify({ moveX, verified })\n        isLoading.value = false\n        res ? verifySuccess(moveX, verified) : reset()\n      } else {\n        verifySuccess(moveX, verified)\n      }\n    } else {\n      isFail.value = true\n      textTip.value = '请再试一次'\n      emits('handleFail')\n      reset()\n    }\n    return\n  }\n  sliderLeft.value = moveX\n}\n\nconst handleDragEnd = () => {\n  if (!isMouseDownRef.value) return\n  emits('handleFail')\n  reset()\n}\n\nconst verify = () => {\n  const arr = trailRef.value // 拖动时y轴的移动距离\n  const average = arr.reduce(sum) / arr.length\n  const deviations = arr.map((x) => x - average)\n  const stddev = Math.sqrt(deviations.map(square).reduce(sum) / arr.length)\n  return stddev !== 0 // 简单验证拖动轨迹，为零时表示Y轴上下没有波动，可能非人为操作\n}\n\nconst verifySuccess = (moveX: number, verified: boolean) => {\n  isSuccess.value = true\n  textTip.value = props.successText || defaultSuccessText\n  emits('handleSuccess', { moveX, verified })\n}\nconst reset = () => {\n  isMouseDownRef.value = false\n  trailRef.value = []\n  sliderLeft.value = 0\n  isActive.value = false\n  isSuccess.value = false\n  isFail.value = false\n  textTip.value = props.placeholder || defaultPlaceholder\n}\n\ndefineExpose({\n  reset,\n})\n\nonMounted(() => {\n  document.addEventListener('mousemove', handleDragMove)\n  document.addEventListener('mouseup', handleDragEnd)\n})\nonUnmounted(() => {\n  document.removeEventListener('mousemove', handleDragMove)\n  document.removeEventListener('mouseup', handleDragEnd)\n})\n</script>\n"],"names":["sum","square","onMounted","onUnmounted","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createBlock"],"mappings":"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"}
+{"version":3,"file":"slider-block-vertify2.js","sources":["../../../../../../packages/components/slider-block-vertify/src/slider-block-vertify.ts"],"sourcesContent":["import { buildProps } from '@sl-ui-pc/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const sliderBlockVertifyProps = buildProps({} as const)\nexport type SliderBlockVertifyProps = ExtractPropTypes<\n  typeof sliderBlockVertifyProps\n>\nexport type SliderBlockVertifyPropsPublic = __ExtractPublicPropTypes<\n  typeof sliderBlockVertifyProps\n>\n\nexport const sliderBlockVertifyEmits = {}\nexport type SliderBlockVertifyEmits = typeof sliderBlockVertifyEmits\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,uBAAuB,GAAGA,kBAAU,CAAC,EAAE,EAAE;AAC1C,MAAC,uBAAuB,GAAG;;;;;"}

package/lib/components/splitter/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var splitter$1 = require('./src/splitter.js');
-var splitPanel$1 = require('./src/split-panel2.js');
+var splitPanel$1 = require('./src/split-panel.js');
 var splitter = require('./src/splitter2.js');
-var splitPanel = require('./src/split-panel.js');
+var splitPanel = require('./src/split-panel2.js');
 var install = require('../../utils/vue/install.js');
 
 const SlSplitter = install.withInstall(splitter$1["default"], {

package/lib/components/splitter/src/split-panel.js

@@ -2,24 +2,159 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var usePanel = require('./hooks/usePanel.js');
+var splitBar = require('./split-bar.js');
+var splitPanel = require('./split-panel2.js');
+var type = require('./type.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useSize = require('./hooks/useSize.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var error = require('../../../utils/error.js');
 
-const splitterPanelProps = runtime.buildProps({
-  min: {
-    type: [String, Number]
-  },
-  max: {
-    type: [String, Number]
-  },
-  size: {
-    type: [String, Number]
-  },
-  resizable: {
-    type: Boolean,
-    default: true
-  },
-  collapsible: Boolean
+const COMPONENT_NAME = "SlSplitterPanel";
+const __default__ = vue.defineComponent({
+  name: COMPONENT_NAME
 });
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: splitPanel.splitterPanelProps,
+  emits: ["update:size"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("splitter-panel");
+    const splitterContext = vue.inject(type.splitterRootContextKey);
+    if (!splitterContext)
+      error.throwError(COMPONENT_NAME, "usage: <sl-splitter><sl-splitter-panel /></sl-splitter/>");
+    const { panels, layout, containerSize, pxSizes } = vue.toRefs(splitterContext);
+    const {
+      registerPanel,
+      unregisterPanel,
+      onCollapse,
+      onMoveEnd,
+      onMoveStart,
+      onMoving
+    } = splitterContext;
+    const panelSl = vue.ref();
+    const instance = vue.getCurrentInstance();
+    const uid = instance.uid;
+    const index$1 = vue.ref(0);
+    const panel = vue.computed(() => panels.value[index$1.value]);
+    const setIndex = (val) => {
+      index$1.value = val;
+    };
+    const panelSize = vue.computed(() => {
+      var _a;
+      if (!panel.value)
+        return 0;
+      return (_a = pxSizes.value[index$1.value]) != null ? _a : 0;
+    });
+    const nextSize = vue.computed(() => {
+      var _a;
+      if (!panel.value)
+        return 0;
+      return (_a = pxSizes.value[index$1.value + 1]) != null ? _a : 0;
+    });
+    const nextPanel = vue.computed(() => {
+      if (panel.value) {
+        return panels.value[index$1.value + 1];
+      }
+      return null;
+    });
+    const isResizable = vue.computed(() => {
+      var _a;
+      if (!nextPanel.value)
+        return false;
+      return props.resizable && ((_a = nextPanel.value) == null ? void 0 : _a.resizable) && (panelSize.value !== 0 || !props.min) && (nextSize.value !== 0 || !nextPanel.value.min);
+    });
+    const isShowBar = vue.computed(() => {
+      if (!panel.value)
+        return false;
+      return index$1.value !== panels.value.length - 1;
+    });
+    const startCollapsible = vue.computed(() => usePanel.isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value));
+    const endCollapsible = vue.computed(() => usePanel.isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value));
+    function sizeToPx(str) {
+      if (useSize.isPct(str)) {
+        return useSize.getPct(str) * containerSize.value || 0;
+      } else if (useSize.isPx(str)) {
+        return useSize.getPx(str);
+      }
+      return str != null ? str : 0;
+    }
+    let isSizeUpdating = false;
+    vue.watch(() => props.size, () => {
+      if (panel.value) {
+        const size = sizeToPx(props.size);
+        const maxSize = sizeToPx(props.max);
+        const minSize = sizeToPx(props.min);
+        const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size);
+        if (finalSize !== size) {
+          isSizeUpdating = true;
+          emits("update:size", finalSize);
+        }
+        panel.value.size = finalSize;
+        vue.nextTick(() => isSizeUpdating = false);
+      }
+    });
+    vue.watch(() => {
+      var _a;
+      return (_a = panel.value) == null ? void 0 : _a.size;
+    }, (val) => {
+      if (!isSizeUpdating && val !== props.size) {
+        emits("update:size", val);
+      }
+    });
+    vue.watch(() => props.resizable, (val) => {
+      if (panel.value) {
+        panel.value.resizable = val;
+      }
+    });
+    const _panel = vue.reactive({
+      el: panelSl.value,
+      uid,
+      getVnode: () => instance.vnode,
+      setIndex,
+      ...props,
+      collapsible: usePanel.getCollapsible(props.collapsible)
+    });
+    registerPanel(_panel);
+    vue.onBeforeUnmount(() => unregisterPanel(_panel));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", vue.mergeProps({
+          ref_key: "panelSl",
+          ref: panelSl,
+          class: [vue.unref(ns).b()],
+          style: { flexBasis: `${vue.unref(panelSize)}px` }
+        }, _ctx.$attrs), [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 16),
+        vue.unref(isShowBar) ? (vue.openBlock(), vue.createBlock(splitBar["default"], {
+          key: 0,
+          index: index$1.value,
+          layout: vue.unref(layout),
+          resizable: vue.unref(isResizable),
+          "start-collapsible": vue.unref(startCollapsible),
+          "end-collapsible": vue.unref(endCollapsible),
+          onMoveStart: vue.unref(onMoveStart),
+          onMoving: vue.unref(onMoving),
+          onMoveEnd: vue.unref(onMoveEnd),
+          onCollapse: vue.unref(onCollapse)
+        }, {
+          "start-collapsible": vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "start-collapsible")
+          ]),
+          "end-collapsible": vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "end-collapsible")
+          ]),
+          _: 3
+        }, 8, ["index", "layout", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : vue.createCommentVNode("v-if", true)
+      ], 64);
+    };
+  }
+});
+var SplitPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "split-panel.vue"]]);
 
-exports.splitterPanelProps = splitterPanelProps;
+exports["default"] = SplitPanel;
 //# sourceMappingURL=split-panel.js.map

package/lib/components/splitter/src/split-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-panel.js","sources":["../../../../../../packages/components/splitter/src/split-panel.ts"],"sourcesContent":["import { buildProps } from '@sl-ui-pc/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type SplitterPanel from './split-panel.vue'\n\nexport const splitterPanelProps = buildProps({\n  min: {\n    type: [String, Number],\n  },\n  max: {\n    type: [String, Number],\n  },\n  size: {\n    type: [String, Number],\n  },\n  resizable: {\n    type: Boolean,\n    default: true,\n  },\n  collapsible: Boolean,\n} as const)\n\nexport type SplitterPanelProps = ExtractPropTypes<typeof splitterPanelProps>\nexport type SplitterPanelPropsPublic = __ExtractPublicPropTypes<\n  typeof splitterPanelProps\n>\n\nexport type SplitterPanelInstance = InstanceType<typeof SplitterPanel> & unknown\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,WAAW,EAAE,OAAO;AACtB,CAAC;;;;"}
+{"version":3,"file":"split-panel.js","sources":["../../../../../../packages/components/splitter/src/split-panel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@sl-ui-pc/hooks'\nimport { throwError } from '@sl-ui-pc/utils'\nimport { getCollapsible, isCollapsible } from './hooks/usePanel'\nimport SplitBar from './split-bar.vue'\nimport { splitterPanelProps } from './split-panel'\nimport { getPct, getPx, isPct, isPx } from './hooks'\nimport { splitterRootContextKey } from './type'\n\nconst ns = useNamespace('splitter-panel')\n\nconst COMPONENT_NAME = 'SlSplitterPanel'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(splitterPanelProps)\n\nconst emits = defineEmits<{\n  (e: 'update:size', value: number): void\n}>()\nconst splitterContext = inject(splitterRootContextKey)\nif (!splitterContext)\n  throwError(\n    COMPONENT_NAME,\n    'usage: <sl-splitter><sl-splitter-panel /></sl-splitter/>'\n  )\n\nconst { panels, layout, containerSize, pxSizes } = toRefs(splitterContext)\n\nconst {\n  registerPanel,\n  unregisterPanel,\n  onCollapse,\n  onMoveEnd,\n  onMoveStart,\n  onMoving,\n} = splitterContext\n\nconst panelSl = ref<HTMLDivElement>()\nconst instance = getCurrentInstance()!\nconst uid = instance.uid\n\nconst index = ref(0)\nconst panel = computed(() => panels.value[index.value])\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst panelSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value] ?? 0\n})\n\nconst nextSize = computed(() => {\n  if (!panel.value) return 0\n  return pxSizes.value[index.value + 1] ?? 0\n})\n\nconst nextPanel = computed(() => {\n  if (panel.value) {\n    return panels.value[index.value + 1]\n  }\n  return null\n})\n\nconst isResizable = computed(() => {\n  if (!nextPanel.value) return false\n  return (\n    props.resizable &&\n    nextPanel.value?.resizable &&\n    // If it is 0, it means it is collapsed => check if the minimum value is set\n    (panelSize.value !== 0 || !props.min) &&\n    (nextSize.value !== 0 || !nextPanel.value.min)\n  )\n})\n\n// The last panel doesn't need a drag bar\nconst isShowBar = computed(() => {\n  if (!panel.value) return false\n  return index.value !== panels.value.length - 1\n})\n\nconst startCollapsible = computed(() =>\n  isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value)\n)\n\nconst endCollapsible = computed(() =>\n  isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value)\n)\n\nfunction sizeToPx(str: string | number | undefined) {\n  if (isPct(str)) {\n    return getPct(str) * containerSize.value || 0\n  } else if (isPx(str)) {\n    return getPx(str)\n  }\n  return str ?? 0\n}\n\n// Two-way binding for size\nlet isSizeUpdating = false\nwatch(\n  () => props.size,\n  () => {\n    if (panel.value) {\n      const size = sizeToPx(props.size)\n      const maxSize = sizeToPx(props.max)\n      const minSize = sizeToPx(props.min)\n\n      // Ensure it is within the maximum and minimum value range\n      const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size)\n\n      if (finalSize !== size) {\n        isSizeUpdating = true\n        emits('update:size', finalSize)\n      }\n\n      panel.value.size = finalSize\n      nextTick(() => (isSizeUpdating = false))\n    }\n  }\n)\n\nwatch(\n  () => panel.value?.size,\n  (val) => {\n    if (!isSizeUpdating && val !== props.size) {\n      emits('update:size', val as number)\n    }\n  }\n)\n\nwatch(\n  () => props.resizable,\n  (val) => {\n    if (panel.value) {\n      panel.value.resizable = val\n    }\n  }\n)\n\nconst _panel = reactive({\n  el: panelSl.value!,\n  uid,\n  getVnode: () => instance.vnode,\n  setIndex,\n  ...props,\n  collapsible: getCollapsible(props.collapsible),\n})\n\nregisterPanel(_panel)\nonBeforeUnmount(() => unregisterPanel(_panel))\n</script>\n\n<template>\n  <div\n    ref=\"panelSl\"\n    :class=\"[ns.b()]\"\n    :style=\"{ flexBasis: `${panelSize}px` }\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </div>\n  <SplitBar\n    v-if=\"isShowBar\"\n    :index=\"index\"\n    :layout=\"layout\"\n    :resizable=\"isResizable\"\n    :start-collapsible=\"startCollapsible\"\n    :end-collapsible=\"endCollapsible\"\n    @move-start=\"onMoveStart\"\n    @moving=\"onMoving\"\n    @move-end=\"onMoveEnd\"\n    @collapse=\"onCollapse\"\n  >\n    <template #start-collapsible>\n      <slot name=\"start-collapsible\" />\n    </template>\n    <template #end-collapsible>\n      <slot name=\"end-collapsible\" />\n    </template>\n  </SplitBar>\n</template>\n"],"names":["useNamespace","inject","splitterRootContextKey","throwError","toRefs","ref","getCurrentInstance","index","computed","isCollapsible","isPct","getPct","isPx","getPx","watch","nextTick","reactive","getCollapsible","onBeforeUnmount","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_mergeProps","_unref"],"mappings":"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"}

package/lib/components/splitter/src/split-panel2.js

@@ -2,159 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var usePanel = require('./hooks/usePanel.js');
-var splitBar = require('./split-bar.js');
-var splitPanel = require('./split-panel.js');
-var type = require('./type.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var useSize = require('./hooks/useSize.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 = "SlSplitterPanel";
-const __default__ = vue.defineComponent({
-  name: COMPONENT_NAME
+const splitterPanelProps = runtime.buildProps({
+  min: {
+    type: [String, Number]
+  },
+  max: {
+    type: [String, Number]
+  },
+  size: {
+    type: [String, Number]
+  },
+  resizable: {
+    type: Boolean,
+    default: true
+  },
+  collapsible: Boolean
 });
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: splitPanel.splitterPanelProps,
-  emits: ["update:size"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("splitter-panel");
-    const splitterContext = vue.inject(type.splitterRootContextKey);
-    if (!splitterContext)
-      error.throwError(COMPONENT_NAME, "usage: <sl-splitter><sl-splitter-panel /></sl-splitter/>");
-    const { panels, layout, containerSize, pxSizes } = vue.toRefs(splitterContext);
-    const {
-      registerPanel,
-      unregisterPanel,
-      onCollapse,
-      onMoveEnd,
-      onMoveStart,
-      onMoving
-    } = splitterContext;
-    const panelSl = vue.ref();
-    const instance = vue.getCurrentInstance();
-    const uid = instance.uid;
-    const index$1 = vue.ref(0);
-    const panel = vue.computed(() => panels.value[index$1.value]);
-    const setIndex = (val) => {
-      index$1.value = val;
-    };
-    const panelSize = vue.computed(() => {
-      var _a;
-      if (!panel.value)
-        return 0;
-      return (_a = pxSizes.value[index$1.value]) != null ? _a : 0;
-    });
-    const nextSize = vue.computed(() => {
-      var _a;
-      if (!panel.value)
-        return 0;
-      return (_a = pxSizes.value[index$1.value + 1]) != null ? _a : 0;
-    });
-    const nextPanel = vue.computed(() => {
-      if (panel.value) {
-        return panels.value[index$1.value + 1];
-      }
-      return null;
-    });
-    const isResizable = vue.computed(() => {
-      var _a;
-      if (!nextPanel.value)
-        return false;
-      return props.resizable && ((_a = nextPanel.value) == null ? void 0 : _a.resizable) && (panelSize.value !== 0 || !props.min) && (nextSize.value !== 0 || !nextPanel.value.min);
-    });
-    const isShowBar = vue.computed(() => {
-      if (!panel.value)
-        return false;
-      return index$1.value !== panels.value.length - 1;
-    });
-    const startCollapsible = vue.computed(() => usePanel.isCollapsible(panel.value, panelSize.value, nextPanel.value, nextSize.value));
-    const endCollapsible = vue.computed(() => usePanel.isCollapsible(nextPanel.value, nextSize.value, panel.value, panelSize.value));
-    function sizeToPx(str) {
-      if (useSize.isPct(str)) {
-        return useSize.getPct(str) * containerSize.value || 0;
-      } else if (useSize.isPx(str)) {
-        return useSize.getPx(str);
-      }
-      return str != null ? str : 0;
-    }
-    let isSizeUpdating = false;
-    vue.watch(() => props.size, () => {
-      if (panel.value) {
-        const size = sizeToPx(props.size);
-        const maxSize = sizeToPx(props.max);
-        const minSize = sizeToPx(props.min);
-        const finalSize = Math.min(Math.max(size, minSize || 0), maxSize || size);
-        if (finalSize !== size) {
-          isSizeUpdating = true;
-          emits("update:size", finalSize);
-        }
-        panel.value.size = finalSize;
-        vue.nextTick(() => isSizeUpdating = false);
-      }
-    });
-    vue.watch(() => {
-      var _a;
-      return (_a = panel.value) == null ? void 0 : _a.size;
-    }, (val) => {
-      if (!isSizeUpdating && val !== props.size) {
-        emits("update:size", val);
-      }
-    });
-    vue.watch(() => props.resizable, (val) => {
-      if (panel.value) {
-        panel.value.resizable = val;
-      }
-    });
-    const _panel = vue.reactive({
-      el: panelSl.value,
-      uid,
-      getVnode: () => instance.vnode,
-      setIndex,
-      ...props,
-      collapsible: usePanel.getCollapsible(props.collapsible)
-    });
-    registerPanel(_panel);
-    vue.onBeforeUnmount(() => unregisterPanel(_panel));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.createElementVNode("div", vue.mergeProps({
-          ref_key: "panelSl",
-          ref: panelSl,
-          class: [vue.unref(ns).b()],
-          style: { flexBasis: `${vue.unref(panelSize)}px` }
-        }, _ctx.$attrs), [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 16),
-        vue.unref(isShowBar) ? (vue.openBlock(), vue.createBlock(splitBar["default"], {
-          key: 0,
-          index: index$1.value,
-          layout: vue.unref(layout),
-          resizable: vue.unref(isResizable),
-          "start-collapsible": vue.unref(startCollapsible),
-          "end-collapsible": vue.unref(endCollapsible),
-          onMoveStart: vue.unref(onMoveStart),
-          onMoving: vue.unref(onMoving),
-          onMoveEnd: vue.unref(onMoveEnd),
-          onCollapse: vue.unref(onCollapse)
-        }, {
-          "start-collapsible": vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "start-collapsible")
-          ]),
-          "end-collapsible": vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "end-collapsible")
-          ]),
-          _: 3
-        }, 8, ["index", "layout", "resizable", "start-collapsible", "end-collapsible", "onMoveStart", "onMoving", "onMoveEnd", "onCollapse"])) : vue.createCommentVNode("v-if", true)
-      ], 64);
-    };
-  }
-});
-var SplitPanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "split-panel.vue"]]);
 
-exports["default"] = SplitPanel;
+exports.splitterPanelProps = splitterPanelProps;
 //# sourceMappingURL=split-panel2.js.map