greeks-live-ui 0.1.21 → 0.1.22

package/es/packages/components/progress/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Progress from './src/progress.mjs';
-export { progressEmits, progressProps } from './src/progress2.mjs';
+import Progress from './src/progress2.mjs';
+export { progressEmits, progressProps } from './src/progress.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GProgress = withInstall(Progress);

package/es/packages/components/progress/src/progress.mjs

@@ -1,50 +1,17 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { progressProps, progressEmits } from './progress2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = {
-  name: "GProgress"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: progressProps,
-  emits: progressEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("progress");
-    const barColor = computed(() => {
-      if (props.percent < 60)
-        return "var(--theme-green-6)";
-      if (props.percent < 80)
-        return "var(--theme-orange-6)";
-      return "var(--theme-red-6)";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()]),
-          style: normalizeStyle({ height: _ctx.height + "px" })
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass([unref(ns).e("inner")]),
-              style: normalizeStyle({ width: _ctx.percent + "%", backgroundColor: unref(barColor) })
-            },
-            null,
-            6
-          )
-        ],
-        6
-      );
-    };
+const progressEmits = {};
+const progressProps = buildProps({
+  percent: {
+    type: Number,
+    required: true
+  },
+  height: {
+    type: Number,
+    default: 6
   }
 });
-var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/progress/src/progress.vue"]]);
 
-export { Progress as default };
+export { progressEmits, progressProps };
 //# sourceMappingURL=progress.mjs.map

package/es/packages/components/progress/src/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","sources":["../../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{ height: height + 'px' }\"\n  >\n    <div\n      :class=\"[ns.e('inner')]\"\n      :style=\"{ width: percent + '%', backgroundColor: barColor }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { progressEmits, progressProps } from './progress'\n\ndefineOptions({\n  name: 'GProgress',\n})\n\nconst ns = useNamespace('progress')\nconst props = defineProps(progressProps)\nconst emits = defineEmits(progressEmits)\n\nconst barColor = computed(() => {\n  if (props.percent < 60) return 'var(--theme-green-6)'\n  if (props.percent < 80) return 'var(--theme-orange-6)'\n  return 'var(--theme-red-6)'\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,UAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,OAAA,GAAA,EAAA;AAAA,QAAA,OAAA,sBAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,OAAA,GAAA,EAAA;AAAA,QAAA,OAAA,uBAAA,CAAA;AACA,MAAA,OAAA,oBAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"progress.mjs","sources":["../../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Progress from './progress.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const progressEmits = {}\nexport type ProgressEmits = typeof progressEmits\n\nexport const progressProps = buildProps({\n  percent: {\n    type: Number,\n    required: true,\n  },\n  height: {\n    type: Number,\n    default: 6,\n  },\n})\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress>\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,GAAC;AAGvB,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/es/packages/components/progress/src/progress2.mjs

@@ -1,17 +1,50 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { progressProps, progressEmits } from './progress.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const progressEmits = {};
-const progressProps = buildProps({
-  percent: {
-    type: Number,
-    required: true
-  },
-  height: {
-    type: Number,
-    default: 6
+const __default__ = {
+  name: "GProgress"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: progressProps,
+  emits: progressEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("progress");
+    const barColor = computed(() => {
+      if (props.percent < 60)
+        return "var(--theme-green-6)";
+      if (props.percent < 80)
+        return "var(--theme-orange-6)";
+      return "var(--theme-red-6)";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()]),
+          style: normalizeStyle({ height: _ctx.height + "px" })
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).e("inner")]),
+              style: normalizeStyle({ width: _ctx.percent + "%", backgroundColor: unref(barColor) })
+            },
+            null,
+            6
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/progress/src/progress.vue"]]);
 
-export { progressEmits, progressProps };
+export { Progress as default };
 //# sourceMappingURL=progress2.mjs.map

package/es/packages/components/progress/src/progress2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress2.mjs","sources":["../../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Progress from './progress.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const progressEmits = {}\nexport type ProgressEmits = typeof progressEmits\n\nexport const progressProps = buildProps({\n  percent: {\n    type: Number,\n    required: true,\n  },\n  height: {\n    type: Number,\n    default: 6,\n  },\n})\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress>\n"],"names":[],"mappings":";;;AAIO,MAAM,gBAAgB,GAAC;AAGvB,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"progress2.mjs","sources":["../../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{ height: height + 'px' }\"\n  >\n    <div\n      :class=\"[ns.e('inner')]\"\n      :style=\"{ width: percent + '%', backgroundColor: barColor }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { progressEmits, progressProps } from './progress'\n\ndefineOptions({\n  name: 'GProgress',\n})\n\nconst ns = useNamespace('progress')\nconst props = defineProps(progressProps)\nconst emits = defineEmits(progressEmits)\n\nconst barColor = computed(() => {\n  if (props.percent < 60) return 'var(--theme-green-6)'\n  if (props.percent < 80) return 'var(--theme-orange-6)'\n  return 'var(--theme-red-6)'\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,UAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,OAAA,GAAA,EAAA;AAAA,QAAA,OAAA,sBAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,OAAA,GAAA,EAAA;AAAA,QAAA,OAAA,uBAAA,CAAA;AACA,MAAA,OAAA,oBAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/radio-dropdown/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import RadioDropdown from './src/radio-dropdown2.mjs';
-export { radioDropdownEmits, radioDropdownProps } from './src/radio-dropdown.mjs';
+import RadioDropdown from './src/radio-dropdown.mjs';
+export { radioDropdownEmits, radioDropdownProps } from './src/radio-dropdown2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GRadioDropdown = withInstall(RadioDropdown);

package/es/packages/components/radio-dropdown/src/radio-dropdown.mjs

@@ -1,24 +1,210 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { RadioButton, MenuItem, Menu, Dropdown, RadioGroup } from 'ant-design-vue/es';
+import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, createTextVNode, toDisplayString, createVNode, createElementVNode, withModifiers } from 'vue';
+import '../../../hooks/index.mjs';
+import { radioDropdownProps, radioDropdownEmits } from './radio-dropdown2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const radioDropdownEmits = ["update:modelValue", "change"];
-const radioDropdownProps = buildProps({
-  modelValue: {
-    type: [String, Number],
-    required: true
-  },
-  options: {
-    type: Array,
-    default: () => []
-  },
-  dropdownDefaultLabel: {
-    type: String
-  },
-  disabled: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = {
+  class: "ant-dropdown-link",
+  style: { "cursor": "pointer" }
+};
+const __default__ = {
+  name: "GRadioDropdown"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: radioDropdownProps,
+  emits: radioDropdownEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("radio-dropdown");
+    const radioOptions = computed(() => {
+      return (props.options || []).filter((item) => !item.isDropdown);
+    });
+    const dropdownOptions = computed(() => {
+      return (props.options || []).filter((item) => item.isDropdown);
+    });
+    const internalValue = ref(props.modelValue);
+    const dropdownValue = ref("");
+    const dropdownLabel = ref(props.dropdownDefaultLabel || "");
+    const showDropdown = ref(false);
+    watch(
+      () => dropdownOptions,
+      (newOptions) => {
+        if (props.dropdownDefaultLabel)
+          return;
+        if (newOptions.value && newOptions.value[0] && newOptions.value[0].label) {
+          dropdownLabel.value = newOptions.value[0].label;
+          return;
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        internalValue.value = newValue;
+        const dropdownIsSelected = dropdownOptions.value.find(
+          (item) => item.value === newValue
+        );
+        if (dropdownIsSelected) {
+          dropdownValue.value = newValue;
+          dropdownLabel.value = dropdownIsSelected.label;
+        } else {
+          dropdownValue.value = "";
+        }
+      },
+      { immediate: true }
+    );
+    watch(internalValue, (newValue) => {
+      emits("update:modelValue", newValue);
+      emits("change", newValue);
+    });
+    const handleMenuClick = ({ key }) => {
+      dropdownValue.value = key;
+      internalValue.value = key;
+      const selectedOption = dropdownOptions.value.find(
+        (item) => item.value === key
+      );
+      if (selectedOption) {
+        dropdownLabel.value = selectedOption.label;
+      }
+      showDropdown.value = true;
+    };
+    const isItemSelected = (value) => {
+      return internalValue.value === value;
+    };
+    const isDropdownItemSelected = (item) => {
+      return dropdownValue.value === item.value;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_radio_button = RadioButton;
+      const _component_g_icon = resolveComponent("g-icon");
+      const _component_a_menu_item = MenuItem;
+      const _component_a_menu = Menu;
+      const _component_a_dropdown = Dropdown;
+      const _component_a_radio_group = RadioGroup;
+      return openBlock(), createBlock(_component_a_radio_group, {
+        value: internalValue.value,
+        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => internalValue.value = $event),
+        "button-style": "solid",
+        disabled: props.disabled,
+        class: normalizeClass([unref(ns).b(), "greeks-radio-group"])
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(unref(radioOptions), (item) => {
+              return openBlock(), createBlock(_component_a_radio_button, {
+                key: item.value,
+                value: item.value,
+                class: "greeks-radio-button"
+              }, {
+                default: withCtx(() => [
+                  isItemSelected(item.value) ? (openBlock(), createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: normalizeClass(unref(ns).b() + "-selected-icon")
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "highlightIcon")
+                    ],
+                    2
+                  )) : createCommentVNode("v-if", true),
+                  createTextVNode(
+                    " " + toDisplayString(item.label),
+                    1
+                  )
+                ]),
+                _: 2
+              }, 1032, ["value"]);
+            }),
+            128
+          )),
+          unref(dropdownOptions).length > 0 ? (openBlock(), createBlock(_component_a_dropdown, { key: 0 }, {
+            overlay: withCtx(() => [
+              createVNode(_component_a_menu, { onClick: handleMenuClick }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(unref(dropdownOptions), (item) => {
+                      return openBlock(), createBlock(_component_a_menu_item, {
+                        key: item.value,
+                        value: item.value
+                      }, {
+                        default: withCtx(() => [
+                          createCommentVNode(` <span v-if="isDropdownItemSelected(item)" :class="ns.b() + 'selected-icon'"><slot name="highlightIcon"></slot></span>
+            {{ item.label }} `),
+                          createElementVNode("span", null, [
+                            createVNode(_component_g_icon, {
+                              name: item.icon,
+                              size: 18,
+                              class: normalizeClass(unref(ns).b() + "-dropdown-icon")
+                            }, null, 8, ["name", "class"]),
+                            createTextVNode(
+                              " " + toDisplayString(item.label),
+                              1
+                            )
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }),
+                    128
+                  ))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_a_radio_button, {
+                class: normalizeClass({
+                  "greeks-radio-button": true,
+                  "ant-radio-button-wrapper-checked": isItemSelected(dropdownValue.value)
+                }),
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["prevent"]))
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", _hoisted_1, [
+                    isItemSelected(dropdownValue.value) ? (openBlock(), createElementBlock(
+                      "span",
+                      {
+                        key: 0,
+                        class: normalizeClass(unref(ns).b() + "-selected-icon")
+                      },
+                      [
+                        renderSlot(_ctx.$slots, "highlightIcon")
+                      ],
+                      2
+                    )) : createCommentVNode("v-if", true),
+                    createTextVNode(
+                      " " + toDisplayString(dropdownLabel.value) + " ",
+                      1
+                    ),
+                    createVNode(_component_g_icon, {
+                      name: "basic_arrow_down_solid",
+                      size: 20,
+                      class: normalizeClass(unref(ns).b() + "-arrow-icon")
+                    }, null, 8, ["class"])
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class"])
+            ]),
+            _: 3
+          })) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["value", "disabled", "class"]);
+    };
   }
 });
+var RadioDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/radio-dropdown/src/radio-dropdown.vue"]]);
 
-export { radioDropdownEmits, radioDropdownProps };
+export { RadioDropdown as default };
 //# sourceMappingURL=radio-dropdown.mjs.map

package/es/packages/components/radio-dropdown/src/radio-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-dropdown.mjs","sources":["../../../../../../../packages/components/radio-dropdown/src/radio-dropdown.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type RadioDropdown from './radio-dropdown.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport interface IRadioDropdownOption {\n  value: string | number;\n  label: string;\n  icon?: string;\n  isDropdown?: boolean;\n}\n\nexport const radioDropdownEmits = ['update:modelValue', 'change']\nexport type RadioDropdownEmits = typeof radioDropdownEmits\nexport const radioDropdownProps = buildProps({\n  modelValue: {\n    type: [String, Number],\n    required: true,\n  },\n  options: {\n    type: Array as () => IRadioDropdownOption[],\n    default: () => [],\n  },\n  dropdownDefaultLabel: {\n    type: String,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n})\nexport type RadioDropdownProps = ExtractPropTypes<typeof radioDropdownProps>\nexport type RadioDropdownInstance = InstanceType<typeof RadioDropdown>\n"],"names":[],"mappings":";;;AAWa,MAAA,kBAAA,GAAqB,CAAC,mBAAA,EAAqB,QAAQ,EAAA;AAEzD,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"radio-dropdown.mjs","sources":["../../../../../../../packages/components/radio-dropdown/src/radio-dropdown.vue"],"sourcesContent":["<template>\n  <a-radio-group\n    v-model:value=\"internalValue\"\n    button-style=\"solid\"\n    :disabled=\"props.disabled\"\n    :class=\"[ns.b(), 'greeks-radio-group']\"\n  >\n    <template v-for=\"item in radioOptions\" :key=\"item.value\">\n      <a-radio-button :value=\"item.value\" class=\"greeks-radio-button\">\n        <span\n          v-if=\"isItemSelected(item.value)\"\n          :class=\"ns.b() + '-selected-icon'\"\n        >\n          <slot name=\"highlightIcon\"></slot>\n        </span>\n        {{ item.label }}\n      </a-radio-button>\n    </template>\n\n    <a-dropdown v-if=\"dropdownOptions.length > 0\">\n      <a-radio-button\n        :class=\"{\n          'greeks-radio-button': true,\n          'ant-radio-button-wrapper-checked': isItemSelected(dropdownValue),\n        }\"\n        @click.prevent\n      >\n        <span class=\"ant-dropdown-link\" style=\"cursor: pointer\">\n          <span\n            v-if=\"isItemSelected(dropdownValue)\"\n            :class=\"ns.b() + '-selected-icon'\"\n            ><slot name=\"highlightIcon\"></slot\n          ></span>\n          {{ dropdownLabel }}\n          <g-icon\n            name=\"basic_arrow_down_solid\"\n            :size=\"20\"\n            :class=\"ns.b() + '-arrow-icon'\"\n          ></g-icon>\n        </span>\n      </a-radio-button>\n      <template #overlay>\n        <a-menu @click=\"handleMenuClick\">\n          <a-menu-item\n            v-for=\"item in dropdownOptions\"\n            :key=\"item.value\"\n            :value=\"item.value\"\n          >\n            <!-- <span v-if=\"isDropdownItemSelected(item)\" :class=\"ns.b() + 'selected-icon'\"><slot name=\"highlightIcon\"></slot></span>\n            {{ item.label }} -->\n            <span>\n              <g-icon\n                :name=\"item.icon\"\n                :size=\"18\"\n                :class=\"ns.b() + '-dropdown-icon'\"\n              ></g-icon>\n              {{ item.label }}\n            </span>\n          </a-menu-item>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </a-radio-group>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, defineProps, defineEmits, computed } from 'vue';\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport {\n  radioDropdownProps,\n  radioDropdownEmits,\n  IRadioDropdownOption,\n} from './radio-dropdown';\ndefineOptions({\n  name: 'GRadioDropdown',\n});\nconst ns = useNamespace('radio-dropdown');\nconst props = defineProps(radioDropdownProps);\nconst emits = defineEmits(radioDropdownEmits);\n\nconst radioOptions = computed(() => {\n  return (props.options || []).filter((item) => !item.isDropdown);\n});\nconst dropdownOptions = computed(() => {\n  return (props.options || []).filter((item) => item.isDropdown);\n});\n// const selectedIcon = computed(() => {\n//   return (props.options || []).find((item) => item.value === internalValue.value)?.icon;\n// })\n\nconst internalValue = ref(props.modelValue);\nconst dropdownValue = ref<string | number>('');\nconst dropdownLabel = ref<string>(props.dropdownDefaultLabel || '');\nconst showDropdown = ref(false);\n\nwatch(\n  () => dropdownOptions,\n  (newOptions) => {\n    if (props.dropdownDefaultLabel) return;\n    if (newOptions.value && newOptions.value[0] && newOptions.value[0].label) {\n      dropdownLabel.value = newOptions.value[0].label;\n      return;\n    }\n  },\n  { immediate: true, deep: true }\n);\n\n// 监听 modelValue 变化，更新内部值\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    internalValue.value = newValue;\n    const dropdownIsSelected = dropdownOptions.value.find(\n      (item) => item.value === newValue\n    );\n    if (dropdownIsSelected) {\n      dropdownValue.value = newValue as string | number;\n      dropdownLabel.value = dropdownIsSelected.label;\n    } else {\n      dropdownValue.value = '';\n    }\n  },\n  { immediate: true }\n);\n\n// 监听 internalValue 变化，触发 update:modelValue 事件\nwatch(internalValue, (newValue) => {\n  emits('update:modelValue', newValue);\n  emits('change', newValue);\n});\n\nconst handleMenuClick = ({ key }: { key: string | number }) => {\n  dropdownValue.value = key;\n  internalValue.value = key;\n  const selectedOption = dropdownOptions.value.find(\n    (item) => item.value === key\n  );\n  if (selectedOption) {\n    dropdownLabel.value = selectedOption.label;\n  }\n  showDropdown.value = true;\n};\n\nconst isItemSelected = (value: string | number) => {\n  return internalValue.value === value;\n};\n\nconst isDropdownItemSelected = (item: IRadioDropdownOption) => {\n  return dropdownValue.value === item.value;\n};\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":"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"}

package/es/packages/components/radio-dropdown/src/radio-dropdown2.mjs

@@ -1,210 +1,24 @@
-import { RadioButton, MenuItem, Menu, Dropdown, RadioGroup } from 'ant-design-vue/es';
-import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode, createTextVNode, toDisplayString, createVNode, createElementVNode, withModifiers } from 'vue';
-import '../../../hooks/index.mjs';
-import { radioDropdownProps, radioDropdownEmits } from './radio-dropdown.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = {
-  class: "ant-dropdown-link",
-  style: { "cursor": "pointer" }
-};
-const __default__ = {
-  name: "GRadioDropdown"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: radioDropdownProps,
-  emits: radioDropdownEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("radio-dropdown");
-    const radioOptions = computed(() => {
-      return (props.options || []).filter((item) => !item.isDropdown);
-    });
-    const dropdownOptions = computed(() => {
-      return (props.options || []).filter((item) => item.isDropdown);
-    });
-    const internalValue = ref(props.modelValue);
-    const dropdownValue = ref("");
-    const dropdownLabel = ref(props.dropdownDefaultLabel || "");
-    const showDropdown = ref(false);
-    watch(
-      () => dropdownOptions,
-      (newOptions) => {
-        if (props.dropdownDefaultLabel)
-          return;
-        if (newOptions.value && newOptions.value[0] && newOptions.value[0].label) {
-          dropdownLabel.value = newOptions.value[0].label;
-          return;
-        }
-      },
-      { immediate: true, deep: true }
-    );
-    watch(
-      () => props.modelValue,
-      (newValue) => {
-        internalValue.value = newValue;
-        const dropdownIsSelected = dropdownOptions.value.find(
-          (item) => item.value === newValue
-        );
-        if (dropdownIsSelected) {
-          dropdownValue.value = newValue;
-          dropdownLabel.value = dropdownIsSelected.label;
-        } else {
-          dropdownValue.value = "";
-        }
-      },
-      { immediate: true }
-    );
-    watch(internalValue, (newValue) => {
-      emits("update:modelValue", newValue);
-      emits("change", newValue);
-    });
-    const handleMenuClick = ({ key }) => {
-      dropdownValue.value = key;
-      internalValue.value = key;
-      const selectedOption = dropdownOptions.value.find(
-        (item) => item.value === key
-      );
-      if (selectedOption) {
-        dropdownLabel.value = selectedOption.label;
-      }
-      showDropdown.value = true;
-    };
-    const isItemSelected = (value) => {
-      return internalValue.value === value;
-    };
-    const isDropdownItemSelected = (item) => {
-      return dropdownValue.value === item.value;
-    };
-    return (_ctx, _cache) => {
-      const _component_a_radio_button = RadioButton;
-      const _component_g_icon = resolveComponent("g-icon");
-      const _component_a_menu_item = MenuItem;
-      const _component_a_menu = Menu;
-      const _component_a_dropdown = Dropdown;
-      const _component_a_radio_group = RadioGroup;
-      return openBlock(), createBlock(_component_a_radio_group, {
-        value: internalValue.value,
-        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => internalValue.value = $event),
-        "button-style": "solid",
-        disabled: props.disabled,
-        class: normalizeClass([unref(ns).b(), "greeks-radio-group"])
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList(unref(radioOptions), (item) => {
-              return openBlock(), createBlock(_component_a_radio_button, {
-                key: item.value,
-                value: item.value,
-                class: "greeks-radio-button"
-              }, {
-                default: withCtx(() => [
-                  isItemSelected(item.value) ? (openBlock(), createElementBlock(
-                    "span",
-                    {
-                      key: 0,
-                      class: normalizeClass(unref(ns).b() + "-selected-icon")
-                    },
-                    [
-                      renderSlot(_ctx.$slots, "highlightIcon")
-                    ],
-                    2
-                  )) : createCommentVNode("v-if", true),
-                  createTextVNode(
-                    " " + toDisplayString(item.label),
-                    1
-                  )
-                ]),
-                _: 2
-              }, 1032, ["value"]);
-            }),
-            128
-          )),
-          unref(dropdownOptions).length > 0 ? (openBlock(), createBlock(_component_a_dropdown, { key: 0 }, {
-            overlay: withCtx(() => [
-              createVNode(_component_a_menu, { onClick: handleMenuClick }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(
-                    Fragment,
-                    null,
-                    renderList(unref(dropdownOptions), (item) => {
-                      return openBlock(), createBlock(_component_a_menu_item, {
-                        key: item.value,
-                        value: item.value
-                      }, {
-                        default: withCtx(() => [
-                          createCommentVNode(` <span v-if="isDropdownItemSelected(item)" :class="ns.b() + 'selected-icon'"><slot name="highlightIcon"></slot></span>
-            {{ item.label }} `),
-                          createElementVNode("span", null, [
-                            createVNode(_component_g_icon, {
-                              name: item.icon,
-                              size: 18,
-                              class: normalizeClass(unref(ns).b() + "-dropdown-icon")
-                            }, null, 8, ["name", "class"]),
-                            createTextVNode(
-                              " " + toDisplayString(item.label),
-                              1
-                            )
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["value"]);
-                    }),
-                    128
-                  ))
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_a_radio_button, {
-                class: normalizeClass({
-                  "greeks-radio-button": true,
-                  "ant-radio-button-wrapper-checked": isItemSelected(dropdownValue.value)
-                }),
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["prevent"]))
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("span", _hoisted_1, [
-                    isItemSelected(dropdownValue.value) ? (openBlock(), createElementBlock(
-                      "span",
-                      {
-                        key: 0,
-                        class: normalizeClass(unref(ns).b() + "-selected-icon")
-                      },
-                      [
-                        renderSlot(_ctx.$slots, "highlightIcon")
-                      ],
-                      2
-                    )) : createCommentVNode("v-if", true),
-                    createTextVNode(
-                      " " + toDisplayString(dropdownLabel.value) + " ",
-                      1
-                    ),
-                    createVNode(_component_g_icon, {
-                      name: "basic_arrow_down_solid",
-                      size: 20,
-                      class: normalizeClass(unref(ns).b() + "-arrow-icon")
-                    }, null, 8, ["class"])
-                  ])
-                ]),
-                _: 3
-              }, 8, ["class"])
-            ]),
-            _: 3
-          })) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["value", "disabled", "class"]);
-    };
+const radioDropdownEmits = ["update:modelValue", "change"];
+const radioDropdownProps = buildProps({
+  modelValue: {
+    type: [String, Number],
+    required: true
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  dropdownDefaultLabel: {
+    type: String
+  },
+  disabled: {
+    type: Boolean,
+    default: false
   }
 });
-var RadioDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/radio-dropdown/src/radio-dropdown.vue"]]);
 
-export { RadioDropdown as default };
+export { radioDropdownEmits, radioDropdownProps };
 //# sourceMappingURL=radio-dropdown2.mjs.map