greeks-live-ui 0.0.21 → 0.0.22

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

@@ -1,209 +1,20 @@
-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';
+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",
-        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
-          )),
-          createVNode(_component_a_dropdown, null, {
-            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, {
-                              type: item.icon,
-                              size: 18,
-                              class: normalizeClass(unref(ns).b() + "-dropdown-icon")
-                            }, null, 8, ["type", "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, {
-                      type: "basic_arrow_down_solid",
-                      size: 20,
-                      class: normalizeClass(unref(ns).b() + "-arrow-icon")
-                    }, null, 8, ["class"])
-                  ])
-                ]),
-                _: 3
-              }, 8, ["class"])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      }, 8, ["value", "class"]);
-    };
+const radioDropdownEmits = ["update:modelValue", "change"];
+const radioDropdownProps = buildProps({
+  modelValue: {
+    type: [String, Number],
+    required: true
+  },
+  options: {
+    type: Array,
+    default: () => []
+  },
+  dropdownDefaultLabel: {
+    type: String
   }
 });
-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-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.vue"],"sourcesContent":["<template>\n  <a-radio-group\n    v-model:value=\"internalValue\"\n    button-style=\"solid\"\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>\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            type=\"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                :type=\"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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"}
+{"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})\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;AACF,CAAC;;;;"}

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

@@ -1,20 +1,209 @@
-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-dropdown.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
+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",
+        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
+          )),
+          createVNode(_component_a_dropdown, null, {
+            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, {
+                              type: item.icon,
+                              size: 18,
+                              class: normalizeClass(unref(ns).b() + "-dropdown-icon")
+                            }, null, 8, ["type", "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, {
+                      type: "basic_arrow_down_solid",
+                      size: 20,
+                      class: normalizeClass(unref(ns).b() + "-arrow-icon")
+                    }, null, 8, ["class"])
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["value", "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-dropdown2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-dropdown2.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})\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;AACF,CAAC;;;;"}
+{"version":3,"file":"radio-dropdown2.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    :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>\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            type=\"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                :type=\"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/toggle-button/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import ToggleButton from './src/toggle-button.mjs';
-export { toggleButtonEmits, toggleButtonProps } from './src/toggle-button2.mjs';
+import ToggleButton from './src/toggle-button2.mjs';
+export { toggleButtonEmits, toggleButtonProps } from './src/toggle-button.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GToggleButton = withInstall(ToggleButton);

package/es/packages/components/toggle-button/src/toggle-button.mjs

@@ -1,56 +1,17 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, toDisplayString } from 'vue';
-import '../../../hooks/index.mjs';
-import { toggleButtonProps, toggleButtonEmits } from './toggle-button2.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: "toggle-group" };
-const _hoisted_2 = ["onClick"];
-const __default__ = {
-  name: "GToggleButton"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: toggleButtonProps,
-  emits: toggleButtonEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("toggle-button");
-    const handleClick = (item) => {
-      emits("update:modelValue", item.value);
-      emits("click", item);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b()])
-        },
-        [
-          createElementVNode("div", _hoisted_1, [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(props.options, (item) => {
-                return openBlock(), createElementBlock("span", {
-                  onClick: ($event) => handleClick(item),
-                  key: item.value,
-                  class: normalizeClass({
-                    "toggle-btn": true,
-                    "toggle-btn-active": _ctx.modelValue === item.value
-                  })
-                }, toDisplayString(item.label), 11, _hoisted_2);
-              }),
-              128
-            ))
-          ])
-        ],
-        2
-      );
-    };
+const toggleButtonEmits = ["update:modelValue", "click"];
+const toggleButtonProps = buildProps({
+  options: {
+    type: Array,
+    default: []
+  },
+  modelValue: {
+    type: String,
+    default: ""
   }
 });
-var ToggleButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/toggle-button/src/toggle-button.vue"]]);
 
-export { ToggleButton as default };
+export { toggleButtonEmits, toggleButtonProps };
 //# sourceMappingURL=toggle-button.mjs.map

package/es/packages/components/toggle-button/src/toggle-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.mjs","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <div class=\"toggle-group\">\n      <span\n        v-for=\"item in props.options\"\n        @click=\"handleClick(item)\"\n        :key=\"item.value\"\n        :class=\"{\n          'toggle-btn': true,\n          'toggle-btn-active': modelValue === item.value,\n        }\"\n        >{{ item.label }}</span\n      >\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { toggleButtonEmits, toggleButtonProps } from './toggle-button';\ndefineOptions({\n  name: 'GToggleButton',\n});\nconst ns = useNamespace('toggle-button');\nconst props = defineProps(toggleButtonProps);\nconst emits = defineEmits(toggleButtonEmits);\n\nconst handleClick = (item: { label: string; value: string }) => {\n  emits('update:modelValue', item.value);\n  emits('click', item);\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,eAAA,CAAA,CAAA;AAIA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,KAAA,CAAA,mBAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,MAAA,KAAA,CAAA,OAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"toggle-button.mjs","sources":["../../../../../../../packages/components/toggle-button/src/toggle-button.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type ToggleButton from './toggle-button.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const toggleButtonEmits = ['update:modelValue', 'click'];\nexport type ToggleButtonEmits = typeof toggleButtonEmits;\nexport const toggleButtonProps = buildProps({\n  options: {\n    type: Array<{ label: string; value: string }>,\n    default: [],\n  },\n  modelValue: {\n    type: String,\n    default: '',\n  },\n});\nexport type ToggleButtonProps = ExtractPropTypes<typeof toggleButtonProps>;\nexport type ToggleButtonInstance = InstanceType<typeof ToggleButton>;\n"],"names":[],"mappings":";;;AAIa,MAAA,iBAAA,GAAoB,CAAC,mBAAA,EAAqB,OAAO,EAAA;AAEvD,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,KAAA;AAAA,IACN,SAAS,EAAC;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAC;;;;"}