yc-design-vue 1.7.6 → 1.7.8

package/es/Cascader/CascaderSearchPanel.vue.js

@@ -1,7 +1,45 @@
-import _sfc_main from "./CascaderSearchPanel.vue2.js";
-/* empty css                         */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const CascaderSearchPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a7a5a3af"]]);
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, createVNode, unref, createBlock, resolveDynamicComponent, withCtx, createElementVNode, Fragment, renderList, mergeProps } from "vue";
+import useContext from "./hooks/useContext.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import _sfc_main$1 from "./CascaderOption.vue.js";
+/* empty css                    */
+import Scrollbar from "../Scrollbar/index.js";
+const _hoisted_1 = { class: "yc-cascader-panel yc-cascader-search-panel" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-cascader-empty"
+};
+const _hoisted_3 = {
+  role: "menu",
+  class: "yc-cascader-list"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CascaderSearchPanel",
+  setup(__props) {
+    const { renderEmpty } = getGlobalConfig();
+    const { searchOptions, slots } = useContext().inject();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(searchOptions).length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(slots).empty || unref(renderEmpty)("Select"))))
+        ])) : createCommentVNode("", true),
+        createVNode(unref(Scrollbar), { class: "yc-cascader-column-content" }, {
+          default: withCtx(() => [
+            createElementVNode("ul", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(searchOptions), (option, i1) => {
+                return openBlock(), createBlock(_sfc_main$1, mergeProps({ key: i1 }, { ref_for: true }, option), null, 16);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
 export {
-  CascaderSearchPanel as default
+  _sfc_main as default
 };

package/es/Cascader/CascaderSearchPanel.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./CascaderSearchPanel.vue.js";
+/* empty css                         */
+export {
+  _sfc_main as default
+};

package/es/Cascader/index.css

@@ -1 +1 @@
-.yc-cascader-panel{overflow:hidden;height:200px;background-color:var(--color-bg-popup);border-radius:4px;border:1px solid var(--color-fill-3);box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-flex}.yc-cascader-panel .yc-cascader-panel-column{position:relative;min-width:120px;border-right:1px solid transparent;background-color:var(--color-bg-popup);display:inline-flex;flex-direction:column}.yc-cascader-panel .yc-cascader-panel-column:not(:last-child){border-right-color:var(--color-fill-3)}.yc-cascader-panel .yc-scrollbar:deep(.yc-scrollbar-container){max-height:200px;overflow-y:auto}.yc-cascader-panel .yc-spin{height:100%;min-width:120px;display:flex;justify-content:center;align-items:center}.yc-cascader-panel:deep(.yc-empty){min-width:120px}.yc-cascader-search-panel{position:relative;width:100%}.yc-cascader-search-panel .yc-scrollbar{width:100%}.yc-cascader-search-panel .yc-cascader-empty{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.yc-cascader-option{cursor:pointer;position:relative;height:36px;padding-left:12px;min-width:100px;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:36px;transition:all .2s cubic-bezier(0, 0, 1, 1);display:flex;align-items:center;gap:8px}.yc-cascader-option:not(.yc-cascader-option-disabled):hover{background-color:var(--color-fill-2)}.yc-cascader-option .yc-checkbox{padding-left:0}.yc-cascader-option .yc-cascader-option-label{flex:1;padding-right:34px}.yc-cascader-option .yc-cascader-option-label .yc-icon{position:absolute;top:calc((100% - 12px) / 2);right:10px;color:var(--color-text-2);font-size:12px}.yc-cascader-option-selected{background-color:var(--color-fill-2)}.yc-cascader-option-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-cascader{width:100%;display:inline-flex;align-items:center}.yc-cascader:deep(.yc-input-outer) .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-1)}.yc-cascader .yc-input-placeholder{color:var(--color-text-3)}.yc-cascader .yc-cascader-suffix-icon,.yc-cascader .yc-cascader-search-icon,.yc-cascader .yc-cascader-clear-icon,.yc-cascader .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-cascader-allow-search:deep(.yc-cascader-search-icon){display:none}.yc-cascader-allow-search:focus-within:deep(.yc-cascader-clear-icon),.yc-cascader-allow-search:focus-within:deep(.yc-cascader-suffix-icon){display:none}.yc-cascader-allow-search:focus-within:deep(.yc-cascader-search-icon){display:block}.yc-cascader-allow-search:deep(.yc-input-outer) .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-cascader-allow-clear:deep(.yc-cascader-clear-icon){display:none}.yc-cascader-allow-clear:hover:deep(.yc-cascader-search-icon),.yc-cascader-allow-clear:hover:deep(.yc-cascader-suffix-icon){display:none}.yc-cascader-allow-clear:hover:deep(.yc-cascader-clear-icon){display:flex}
+.yc-cascader-panel{overflow:hidden;height:200px;background-color:var(--color-bg-popup);border-radius:4px;border:1px solid var(--color-fill-3);box-shadow:0 4px 10px rgba(0,0,0,0.1);display:inline-flex}.yc-cascader-panel .yc-cascader-panel-column{position:relative;min-width:120px;border-right:1px solid transparent;background-color:var(--color-bg-popup);display:inline-flex;flex-direction:column}.yc-cascader-panel .yc-cascader-panel-column:not(:last-child){border-right-color:var(--color-fill-3)}.yc-cascader-panel .yc-scrollbar .yc-scrollbar-container{max-height:200px;overflow-y:auto}.yc-cascader-panel .yc-spin{height:100%;min-width:120px;display:flex;justify-content:center;align-items:center}.yc-cascader-panel .yc-empty{min-width:120px}.yc-cascader-search-panel{position:relative;width:100%}.yc-cascader-search-panel .yc-scrollbar{width:100%}.yc-cascader-search-panel .yc-cascader-empty{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.yc-cascader-option{cursor:pointer;position:relative;height:36px;padding-left:12px;min-width:100px;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:36px;transition:all .2s cubic-bezier(0, 0, 1, 1);display:flex;align-items:center;gap:8px}.yc-cascader-option:not(.yc-cascader-option-disabled):hover{background-color:var(--color-fill-2)}.yc-cascader-option .yc-checkbox{padding-left:0}.yc-cascader-option .yc-cascader-option-label{flex:1;padding-right:34px}.yc-cascader-option .yc-cascader-option-label .yc-icon{position:absolute;top:calc((100% - 12px) / 2);right:10px;color:var(--color-text-2);font-size:12px}.yc-cascader-option-selected{background-color:var(--color-fill-2)}.yc-cascader-option-disabled{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.yc-cascader{width:100%;display:inline-flex;align-items:center}.yc-cascader .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-1)}.yc-cascader .yc-input-placeholder{color:var(--color-text-3)}.yc-cascader .yc-cascader-suffix-icon,.yc-cascader .yc-cascader-search-icon,.yc-cascader .yc-cascader-clear-icon,.yc-cascader .yc-spin{font-size:12px;color:inherit;flex-shrink:0}.yc-cascader-allow-search .yc-cascader-search-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-clear-icon,.yc-cascader-allow-search:focus-within .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-search:focus-within .yc-cascader-search-icon{display:block}.yc-cascader-allow-search .yc-input-outer .yc-input-wrapper .yc-input::placeholder{color:var(--color-text-3)}.yc-cascader-allow-clear .yc-cascader-clear-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-search-icon,.yc-cascader-allow-clear:hover .yc-cascader-suffix-icon{display:none}.yc-cascader-allow-clear:hover .yc-cascader-clear-icon{display:flex}

package/es/Cascader/index.js

@@ -1,7 +1,8 @@
-import _Cascader from "./Cascader.vue.js";
-const Cascader = Object.assign(_Cascader, {
+import _sfc_main from "./Cascader.vue.js";
+/* empty css              */
+const Cascader = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Cascader.name, _Cascader);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Checkbox/Checkbox.vue.js

@@ -1,7 +1,116 @@
-import _sfc_main from "./Checkbox.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70bd8c41"]]);
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createVNode, createCommentVNode, unref, withCtx } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$2 from "../_shared/icons/IconCheckboxChecked.vue.js";
+import useControlValue from "../_shared/utils/control.js";
+import useContext from "./hooks/useContext.js";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+/* empty css                                         */
+const _hoisted_1 = ["value", "disabled", "checked"];
+const _hoisted_2 = { class: "yc-checkbox-icon" };
+const _hoisted_3 = {
+  key: 0,
+  class: "yc-checkbox-label text-ellipsis"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Checkbox"
+  },
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: Boolean, default: void 0 },
+    defaultChecked: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    value: { type: [String, Number, Boolean], default: "" },
+    indeterminate: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      modelValue,
+      defaultChecked,
+      value: checkboxValue,
+      disabled
+    } = toRefs(props);
+    const {
+      computedValue,
+      max,
+      hasGroup,
+      disabled: injectDisabled
+    } = useContext().inject();
+    const checked = useControlValue(
+      modelValue,
+      defaultChecked.value,
+      (val) => {
+        emits("update:modelValue", val);
+      }
+    );
+    const computedChecked = computed(() => {
+      return hasGroup.value ? computedValue.value.includes(checkboxValue.value) : checked.value;
+    });
+    const computedDisabled = computed(() => {
+      return disabled.value || injectDisabled.value || !isUndefined(max.value) && !computedChecked.value && computedValue.value.length >= max.value;
+    });
+    const handleCollect = (e) => {
+      var _a;
+      if (!hasGroup.value) {
+        const curChecked = (_a = e.target) == null ? void 0 : _a.checked;
+        checked.value = curChecked;
+        emits("change", curChecked, e);
+      } else {
+        computedValue.value = computedChecked.value ? computedValue.value.filter((item) => item != checkboxValue.value) : [...computedValue.value, checkboxValue.value];
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass([
+          "yc-checkbox",
+          {
+            "yc-checkbox-disabled": computedDisabled.value,
+            "yc-checkbox-unchecked": !computedChecked.value && !_ctx.indeterminate,
+            "yc-checkbox-indeterminate": !computedChecked.value && _ctx.indeterminate,
+            "yc-checkbox-checked": computedChecked.value
+          }
+        ])
+      }, [
+        createElementVNode("input", {
+          type: "checkbox",
+          class: "yc-checkbox-target",
+          value: _ctx.value,
+          disabled: computedDisabled.value,
+          checked: computedChecked.value,
+          onChange: handleCollect
+        }, null, 40, _hoisted_1),
+        renderSlot(_ctx.$slots, "checkbox", {
+          checked: computedChecked.value,
+          disabled: computedDisabled.value
+        }, () => [
+          createVNode(unref(_sfc_main$1), {
+            "hover-size": 24,
+            hoverable: !computedChecked.value && !computedDisabled.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_2, [
+                createVNode(unref(_sfc_main$2), { size: [8, 10] })
+              ])
+            ]),
+            _: 1
+          }, 8, ["hoverable"]),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default")
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
 export {
-  _Checkbox as default
+  _sfc_main as default
 };

package/es/Checkbox/Checkbox.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Checkbox.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};

package/es/Checkbox/CheckboxGroup.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, Fragment, renderList, unref, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, mergeProps } from "vue";
 import useContext from "./hooks/useContext.js";
-import _Checkbox from "./Checkbox.vue.js";
+import _sfc_main$1 from "./Checkbox.vue.js";
+/* empty css              */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "CheckboxGroup"
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default"),
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (item, i) => {
-          return openBlock(), createBlock(_Checkbox, {
+          return openBlock(), createBlock(_sfc_main$1, {
             key: i,
             value: item.value,
             disabled: item.disabled,

package/es/Checkbox/index.js

@@ -1,14 +1,15 @@
-import _Checkbox from "./Checkbox.vue.js";
-import _sfc_main from "./CheckboxGroup.vue.js";
+import _sfc_main from "./Checkbox.vue.js";
+/* empty css              */
+import _sfc_main$1 from "./CheckboxGroup.vue.js";
 /* empty css                   */
-const Checkbox = Object.assign(_Checkbox, {
-  group: _sfc_main,
+const Checkbox = Object.assign(_sfc_main, {
+  group: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Checkbox.name, _Checkbox);
     app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  _sfc_main as CheckboxGroup,
+  _sfc_main$1 as CheckboxGroup,
   Checkbox as default
 };

package/es/Collapse/Collapse.vue.js

@@ -1,7 +1,38 @@
-import _sfc_main from "./Collapse.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-56bab824"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot } from "vue";
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Collapse"
+  },
+  __name: "Collapse",
+  props: {
+    activeKey: { default: void 0 },
+    defaultActiveKey: { default: () => [] },
+    accordion: { type: Boolean, default: false },
+    showExpandIcon: { type: Boolean, default: true },
+    expandIconPosition: { default: "left" },
+    bordered: { type: Boolean, default: true },
+    destroyOnHide: { type: Boolean, default: false }
+  },
+  emits: ["update:activekey", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    useContext().provide(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-collapse",
+          {
+            "yc-collapse-bordered": _ctx.bordered
+          }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 export {
-  _Collapse as default
+  _sfc_main as default
 };

package/es/Collapse/Collapse.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Collapse.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};

package/es/Collapse/CollapseItem.vue.js

@@ -1,7 +1,132 @@
-import _sfc_main from "./CollapseItem.vue2.js";
-/* empty css                  */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ea4c121"]]);
+import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, renderSlot, resolveDynamicComponent, createTextVNode, toDisplayString, withDirectives, vShow } from "vue";
+import useContext from "./hooks/useContext.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$2 from "../_shared/icons/IconRight.vue.js";
+import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
+/* empty css                                    */
+import _sfc_main$3 from "../_shared/components/ExpandTransition.vue2.js";
+/* empty css                                         */
+const _hoisted_1 = { class: "yc-collapse-item-header-title text-ellipsis" };
+const _hoisted_2 = {
+  key: 1,
+  class: "yc-collapse-item-header-extra"
+};
+const _hoisted_3 = {
+  key: 0,
+  role: "region",
+  class: "yc-collapse-item-content"
+};
+const _hoisted_4 = { class: "yc-collapse-item-content-box" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CollapseItem"
+  },
+  __name: "CollapseItem",
+  props: {
+    path: { default: "" },
+    header: { default: "" },
+    disabled: { type: Boolean, default: false },
+    showExpandIcon: { type: Boolean, default: void 0 },
+    destroyOnHide: { type: Boolean, default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { path, disabled } = toRefs(props);
+    const {
+      slots,
+      computedActiveKey,
+      accordion,
+      expandIconPosition,
+      showExpandIcon,
+      destroyOnHide
+    } = useContext().inject(props);
+    const handleClick = () => {
+      if (disabled.value) return;
+      if (computedActiveKey.value.includes(path.value)) {
+        computedActiveKey.value = computedActiveKey.value.filter(
+          (item) => item != path.value
+        );
+      } else {
+        if (accordion.value) {
+          computedActiveKey.value = [path.value];
+        } else {
+          computedActiveKey.value.push(path.value);
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-collapse-item",
+          `yc-collapse-item-expand-icon-${unref(expandIconPosition)}`,
+          {
+            "yc-collapse-item-disabled": unref(disabled),
+            "yc-collapse-item-open": unref(computedActiveKey).includes(unref(path))
+          }
+        ])
+      }, [
+        createElementVNode("div", {
+          role: "button",
+          class: "yc-collapse-item-header",
+          onClick: handleClick
+        }, [
+          unref(showExpandIcon) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+            key: 0,
+            class: "yc-collapse-item-header-icon"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "expand-icon", {
+                active: unref(computedActiveKey).includes(unref(path)),
+                disabled: unref(disabled),
+                position: unref(expandIconPosition)
+              }, () => [
+                unref(slots)["expand-icon"] ? (openBlock(), createBlock(resolveDynamicComponent(
+                  () => {
+                    var _a, _b;
+                    return (_b = (_a = unref(slots))["expand-icon"]) == null ? void 0 : _b.call(_a, {
+                      active: unref(computedActiveKey).includes(unref(path)),
+                      disabled: unref(disabled),
+                      position: unref(expandIconPosition)
+                    });
+                  }
+                ), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$2), {
+                  key: 1,
+                  color: "rgb(107, 119, 133)",
+                  rotate: unref(computedActiveKey).includes(unref(path)) ? 90 : unref(expandIconPosition) == "left" ? 0 : 180
+                }, null, 8, ["rotate"]))
+              ])
+            ]),
+            _: 3
+          })) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "header", {}, () => [
+              createTextVNode(toDisplayString(_ctx.header), 1)
+            ])
+          ]),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "extra")
+          ])) : createCommentVNode("", true)
+        ]),
+        createVNode(unref(_sfc_main$3), null, {
+          default: withCtx(() => [
+            !unref(destroyOnHide) || unref(computedActiveKey).includes(unref(path)) ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ], 512)), [
+              [vShow, unref(computedActiveKey).includes(unref(path))]
+            ]) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 2);
+    };
+  }
+});
 export {
-  CollapseItem as default
+  _sfc_main as default
 };

package/es/Collapse/CollapseItem.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./CollapseItem.vue.js";
+/* empty css                  */
+export {
+  _sfc_main as default
+};

package/es/Collapse/index.css

@@ -1 +1 @@
-.yc-collapse{width:100%;overflow:hidden;line-height:1.5715;border-radius:4px}.yc-collapse:deep(.yc-collapse-item):last-child{border-bottom:none}.yc-collapse-bordered{border:1px solid var(--color-neutral-3)}.yc-collapse-item{display:flex;flex-direction:column;border-bottom:1px solid var(--color-border-2)}.yc-collapse-item .yc-collapse-item-header{overflow:hidden;cursor:pointer;position:relative;padding:8px 12px;background-color:var(--color-bg-2);border-bottom:1px solid transparent;color:var(--color-text-1);font-size:14px;line-height:24px;transition:border-color .2s ease;display:flex;align-items:center;gap:8px}.yc-collapse-item .yc-collapse-item-header .yc-collapse-item-header-icon{position:absolute}.yc-collapse-item .yc-collapse-item-header .yc-collapse-item-header-title{flex:1;font-weight:500}.yc-collapse-item .yc-collapse-item-content{position:relative;overflow:hidden;background-color:var(--color-fill-1);color:var(--color-text-1);font-size:14px}.yc-collapse-item .yc-collapse-item-content .yc-collapse-item-content-box{padding:8px 0}.yc-collapse-item-expand-icon-left .yc-collapse-item-header,.yc-collapse-item-expand-icon-left .yc-collapse-item-content{padding-left:34px;padding-right:13px}.yc-collapse-item-expand-icon-left .yc-collapse-item-header .yc-collapse-item-header-icon,.yc-collapse-item-expand-icon-left .yc-collapse-item-content .yc-collapse-item-header-icon{left:13px}.yc-collapse-item-expand-icon-right .yc-collapse-item-header,.yc-collapse-item-expand-icon-right .yc-collapse-item-content{padding-left:13px;padding-right:34px}.yc-collapse-item-expand-icon-right .yc-collapse-item-header .yc-collapse-item-header-icon,.yc-collapse-item-expand-icon-right .yc-collapse-item-content .yc-collapse-item-header-icon{right:13px}.yc-collapse-item-disabled .yc-collapse-item-header{color:var(--color-text-4);background-color:var(--color-bg-2);cursor:not-allowed}.yc-collapse-item-open .yc-collapse-item-header{border-color:var(--color-neutral-3)}
+.yc-collapse{width:100%;overflow:hidden;line-height:1.5715;border-radius:4px}.yc-collapse .yc-collapse-item:last-child{border-bottom:none}.yc-collapse-bordered{border:1px solid var(--color-neutral-3)}.yc-collapse-item{display:flex;flex-direction:column;border-bottom:1px solid var(--color-border-2)}.yc-collapse-item .yc-collapse-item-header{overflow:hidden;cursor:pointer;position:relative;padding:8px 12px;background-color:var(--color-bg-2);border-bottom:1px solid transparent;color:var(--color-text-1);font-size:14px;line-height:24px;transition:border-color .2s ease;display:flex;align-items:center;gap:8px}.yc-collapse-item .yc-collapse-item-header .yc-collapse-item-header-icon{position:absolute}.yc-collapse-item .yc-collapse-item-header .yc-collapse-item-header-title{flex:1;font-weight:500}.yc-collapse-item .yc-collapse-item-content{position:relative;overflow:hidden;background-color:var(--color-fill-1);color:var(--color-text-1);font-size:14px}.yc-collapse-item .yc-collapse-item-content .yc-collapse-item-content-box{padding:8px 0}.yc-collapse-item-expand-icon-left .yc-collapse-item-header,.yc-collapse-item-expand-icon-left .yc-collapse-item-content{padding-left:34px;padding-right:13px}.yc-collapse-item-expand-icon-left .yc-collapse-item-header .yc-collapse-item-header-icon,.yc-collapse-item-expand-icon-left .yc-collapse-item-content .yc-collapse-item-header-icon{left:13px}.yc-collapse-item-expand-icon-right .yc-collapse-item-header,.yc-collapse-item-expand-icon-right .yc-collapse-item-content{padding-left:13px;padding-right:34px}.yc-collapse-item-expand-icon-right .yc-collapse-item-header .yc-collapse-item-header-icon,.yc-collapse-item-expand-icon-right .yc-collapse-item-content .yc-collapse-item-header-icon{right:13px}.yc-collapse-item-disabled .yc-collapse-item-header{color:var(--color-text-4);background-color:var(--color-bg-2);cursor:not-allowed}.yc-collapse-item-open .yc-collapse-item-header{border-color:var(--color-neutral-3)}

package/es/Collapse/index.js

@@ -1,13 +1,15 @@
-import _Collapse from "./Collapse.vue.js";
-import CollapseItem from "./CollapseItem.vue.js";
-const Collapse = Object.assign(_Collapse, {
-  item: CollapseItem,
+import _sfc_main from "./Collapse.vue.js";
+/* empty css              */
+import _sfc_main$1 from "./CollapseItem.vue.js";
+/* empty css                  */
+const Collapse = Object.assign(_sfc_main, {
+  item: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Collapse.name, _Collapse);
-    app.component("Yc" + CollapseItem.name, CollapseItem);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
   }
 });
 export {
-  CollapseItem,
+  _sfc_main$1 as CollapseItem,
   Collapse as default
 };

package/es/ColorPicker/ColorControl.vue.js

@@ -1,7 +1,112 @@
-import _sfc_main from "./ColorControl.vue2.js";
-/* empty css                  */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ColorControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b854b98e"]]);
+import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode } from "vue";
+import { useDraggable } from "../node_modules/@vueuse/core/index.js";
+import { parseColor, GradientColorCalculator } from "../_shared/utils/color.js";
+import { sleep, valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ColorControl",
+  props: {
+    color: {},
+    baseColor: {},
+    popupVisible: { type: Boolean },
+    disabled: { type: Boolean },
+    hideTrigger: { type: Boolean },
+    mode: {}
+  },
+  emits: ["update:color", "update:alpha", "update:baseColor", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { color, mode, popupVisible, disabled, hideTrigger } = toRefs(props);
+    const btnRef = ref();
+    const barRef = ref();
+    const range = ref({
+      min: 0,
+      max: 0
+    });
+    const calculator = new GradientColorCalculator();
+    const { x } = useDraggable(btnRef, {
+      disabled,
+      onMove() {
+        setColor();
+      }
+    });
+    const setPosition = (color2) => {
+      const { max, min } = range.value;
+      if (mode.value == "alpha") {
+        const alpha = parseColor(color2).getAlpha() * 100;
+        x.value = min + alpha / 100 * (max - min);
+        emits("update:alpha", alpha);
+      } else {
+        x.value = calculator.getPositionForColor(color2, max - min) + min;
+      }
+    };
+    const setColor = () => {
+      const { min, max } = range.value;
+      x.value = x.value < min ? min : x.value;
+      x.value = x.value > max ? max : x.value;
+      let tempColor = "";
+      if (mode.value == "alpha") {
+        const a = +((x.value - min) / (max - min)).toFixed(2);
+        tempColor = parseColor(color.value).setAlpha(a).toRgbString();
+        emits("update:alpha", a);
+      } else {
+        tempColor = calculator.getColorAtPosition(x.value - min, max - min);
+        emits("update:baseColor", tempColor);
+        emits("change", tempColor);
+      }
+      emits("update:color", tempColor);
+    };
+    const handleClick = (e) => {
+      if (disabled.value) return;
+      x.value = e.pageX;
+      setColor();
+    };
+    watch(
+      () => popupVisible.value,
+      async (val) => {
+        if (val || hideTrigger.value) {
+          await sleep(0);
+          const { left, right } = barRef.value.getBoundingClientRect();
+          range.value = {
+            min: left,
+            max: right
+          };
+          setPosition(color.value);
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    __expose({
+      setPosition
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "yc-color-picker-control-bar",
+        style: normalizeStyle({
+          background: unref(mode) == "alpha" ? `linear-gradient(to right, rgba(0, 0, 0, 0), ${_ctx.baseColor})` : ""
+        }),
+        ref_key: "barRef",
+        ref: barRef,
+        onClick: handleClick
+      }, [
+        createElementVNode("div", {
+          class: "yc-color-picker-control-bar-handler",
+          style: normalizeStyle({
+            color: unref(color),
+            transform: `translate(calc(${unref(valueToPx)(unref(x) - range.value.min)} - 50%),-50%)`
+          }),
+          ref_key: "btnRef",
+          ref: btnRef
+        }, null, 4)
+      ], 4);
+    };
+  }
+});
 export {
-  ColorControl as default
+  _sfc_main as default
 };

package/es/ColorPicker/ColorControl.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./ColorControl.vue.js";
+/* empty css                  */
+export {
+  _sfc_main as default
+};