greeks-live-ui 0.1.19 → 0.1.21

package/es/packages/components/panel-vrp/src/panel-vrp2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-vrp2.mjs","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type PanelVrp from './panel-vrp.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const panelVrpEmits = {\n  'update:currency': (currency: string) => true,\n  'update:exchange': (exchange: string) => true,\n}\nexport type PanelVrpEmits = typeof panelVrpEmits\nexport const panelVrpProps = buildProps({\n  defaultCurrency: {\n    type: String,\n    required: false,\n  },\n  defaultExchange: {\n    type: String,\n    required: false,\n  },\n  currency: {\n    type: String,\n    required: false,\n  },\n  exchange: {\n    type: String,\n    required: false,\n  },\n})\nexport type PanelVrpProps = ExtractPropTypes<typeof panelVrpProps>\nexport type PanelVrpInstance = InstanceType<typeof PanelVrp>\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAAA,EACzC,iBAAA,EAAmB,CAAC,QAAqB,KAAA,IAAA;AAC3C,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;"}
+{"version":3,"file":"panel-vrp2.mjs","sources":["../../../../../../../packages/components/panel-vrp/src/panel-vrp.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <g-chart-panel\n      v-model:currency=\"currency\"\n      v-model:exchange=\"exchange\"\n      :loading=\"state.loadingFlag\"\n      @refresh=\"fetchData\"\n    >\n      <template #title>\n        {{ t('message.vrp') }}\n        <g-tooltip :isMobile=\"isMobile\">\n          <g-icon name=\"info_question_circle\"></g-icon>\n          <template #title>\n            <div class=\"greeks-panel-tip\" v-html=\"t('message.vrpTips')\"></div>\n          </template>\n        </g-tooltip>\n      </template>\n      <template #tool>\n        <div class=\"second-select\">\n          <span class=\"selector-label h5-hide\">{{\n            t('message.volTenor')\n          }}</span>\n          <g-select\n            v-model:value=\"state.volTenor\"\n            :size=\"isPC ? 'small' : 'medium'\"\n          >\n            <g-select-option\n              v-for=\"item in volTenorList\"\n              :value=\"item\"\n              :key=\"item\"\n            >\n              {{ item }}\n            </g-select-option>\n          </g-select>\n        </div>\n        <div :class=\"ns.e('mean-value')\">\n          <g-tooltip\n            :underdotted=\"true\"\n            placement=\"bottom\"\n            :isMobile=\"isMobile\"\n          >\n            <span :class=\"ns.e('mean-label')\">{{ t('message.vrpMean') }}</span>\n            <span :class=\"ns.e('mean-text')\">{{ meanHeaderValue }}</span>\n            <template #title>\n              <div :class=\"ns.e('stats-tooltip')\">\n                <div :class=\"ns.e('stats-header')\">\n                  {{ t('message.vrpRangeStats') }}\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statMean')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.mean\n                  }}</span>\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statMax')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.max\n                  }}</span>\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statMin')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.min\n                  }}</span>\n                </div>\n                <div :class=\"ns.e('stats-row')\">\n                  <span :class=\"ns.e('stats-label')\">{{\n                    t('message.statDays')\n                  }}</span>\n                  <span :class=\"ns.e('stats-value')\">{{\n                    statsDisplay.days\n                  }}</span>\n                </div>\n              </div>\n            </template>\n          </g-tooltip>\n        </div>\n        <div class=\"period-controls\">\n          <span class=\"selector-label h5-hide\">{{ t('message.range') }}</span>\n          <g-select\n            v-model:value=\"state.period\"\n            :size=\"isPC ? 'small' : 'medium'\"\n            @change=\"handleChangePeriod\"\n          >\n            <g-select-option\n              v-for=\"item in periodList\"\n              :value=\"item.value\"\n              :key=\"item.value\"\n            >\n              {{ item.label }}\n            </g-select-option>\n          </g-select>\n          <span class=\"period-range h5-hide\">{{ state.periodDateRange }}</span>\n        </div>\n      </template>\n      <template #body>\n        <div class=\"echart\" ref=\"echart\">\n          <g-chart class=\"skew-chart\" :option=\"chartOption\"></g-chart>\n        </div>\n      </template>\n    </g-chart-panel>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n  useNamespace,\n  useLocale,\n  useDeviceType,\n  useTheme,\n} from '@greeks-live-ui/hooks';\nimport { reactive, computed, onMounted, watch } from 'vue';\n\nimport {\n  numberFormat,\n  timestampFormat,\n  showDateRange,\n  getTooltipDate,\n} from '@greeks-live-ui/utils/chartHelp';\nimport { getVrp, IVrpItem } from '@greeks-live-ui/utils/dataLab';\nimport { panelVrpEmits, panelVrpProps, type IVrpStats } from './panel-vrp';\n\ndefineOptions({\n  name: 'GPanelVrp',\n});\nconst props = defineProps(panelVrpProps);\nconst emit = defineEmits(panelVrpEmits);\nconst ns = useNamespace('panel-vrp');\nconst { isMobile, isPC } = useDeviceType();\nconst { isDark } = useTheme();\n\nconst { t, locale } = useLocale();\n\nconst periodList = [\n  {\n    value: '1D',\n    label: '1D',\n    days: 1,\n  },\n  {\n    value: '7D',\n    label: '7D',\n    days: 7,\n  },\n  {\n    value: '15D',\n    label: '15D',\n    days: 15,\n  },\n  {\n    value: '1M',\n    label: '1M',\n    days: 30,\n  },\n  {\n    value: '3M',\n    label: '3M',\n    days: 90,\n  },\n  {\n    value: '6M',\n    label: '6M',\n    days: 180,\n  },\n  {\n    value: '1Y',\n    label: '1Y',\n    days: 365,\n  },\n];\nconst volTenorList = ['1D', '3D', '7D', '15D', '1M', '3M'];\n\nconst state = reactive({\n  loadingFlag: false,\n\n  exchange: props.exchange || props.defaultExchange || 'Deribit',\n  currency: props.currency || props.defaultCurrency || 'BTC',\n\n  volTenor: '15D',\n  period: '15D',\n  periodDateRange: '',\n\n  chartData: [] as IVrpItem[],\n});\n\nconst currency = computed({\n  get: () => props.currency || state.currency || 'BTC',\n  set: (newVal) => {\n    props.currency\n      ? emit('update:currency', newVal)\n      : (state.currency = newVal);\n  },\n});\n\nconst exchange = computed({\n  get: () => props.exchange || state.exchange || 'Deribit',\n  set: (newVal) => {\n    props.exchange\n      ? emit('update:exchange', newVal)\n      : (state.exchange = newVal);\n  },\n});\n\nconst selectedPeriodDays = computed(() => {\n  return periodList.find((item) => item.value === state.period)?.days ?? 0;\n});\n\nconst filterChartDataByPeriod = (chartData: IVrpItem[], days: number) => {\n  if (!days) {\n    return chartData;\n  }\n\n  const cutoff = Date.now() - days * 24 * 60 * 60 * 1000;\n  return chartData.filter((item) => item.datetime >= cutoff);\n};\n\nconst filteredChartData = computed(() =>\n  filterChartDataByPeriod(state.chartData, selectedPeriodDays.value)\n);\n\nconst getVolTenorResolution = (volTenor: string) => {\n  switch (volTenor) {\n    case '1D':\n      return 1;\n    case '3D':\n      return 3;\n    case '7D':\n      return 7;\n    case '15D':\n      return 15;\n    case '1M':\n      return 30;\n    case '3M':\n      return 90;\n    default:\n      return 15;\n  }\n};\n\nconst buildVrpSeries = (chartData: IVrpItem[], volTenor: string) => {\n  const resolution = getVolTenorResolution(volTenor);\n  const vrpData: Array<[number, number]> = [];\n\n  chartData.forEach((item) => {\n    item.data.forEach((dataItem) => {\n      if (dataItem.day === resolution) {\n        vrpData.push([item.datetime, dataItem.iv - dataItem.rv]);\n      }\n    });\n  });\n\n  return vrpData;\n};\n\nconst formatVrpPercent = (\n  value: number | null | undefined,\n  fractionDigits = 1\n) => {\n  if (value == null || !Number.isFinite(value)) {\n    return '-';\n  }\n\n  const fixed = Number(value).toFixed(fractionDigits);\n  if (Number(fixed) === 0) {\n    return '0.0%';\n  }\n\n  return `${fixed}%`;\n};\n\nconst computeVrpStats = (values: number[]): IVrpStats | null => {\n  if (!values.length) {\n    return null;\n  }\n\n  let sum = 0;\n  let max = values[0];\n  let min = values[0];\n\n  values.forEach((value) => {\n    sum += value;\n    if (value > max) max = value;\n    if (value < min) min = value;\n  });\n\n  return {\n    mean: sum / values.length,\n    max,\n    min,\n  };\n};\n\nconst getZeroMarkLine = () => ({\n  name: '0',\n  yAxis: 0,\n  symbol: ['none', 'arrow'],\n  symbolSize: [0, 8],\n  silent: true,\n  lineStyle: {\n    color: '#909399',\n  },\n  label: {\n    show: true,\n    position: 'end',\n    color: isDark.value ? '#CED4DA' : '#343A40',\n    borderWidth: 0,\n    padding: 0,\n    shadowBlur: 0,\n    fontSize: 12,\n  },\n});\n\nconst getMeanMarkLine = (mean: number) => {\n  const meanLabel = mean.toFixed(1);\n\n  return {\n    name: 'mean',\n    yAxis: mean,\n    symbol: ['none', 'arrow'],\n    symbolSize: [0, 8],\n    silent: true,\n    lineStyle: {\n      color: '#ADB5BD',\n      type: 'dashed',\n    },\n    label: {\n      show: true,\n      position: 'end',\n      formatter: meanLabel,\n      color: isDark.value ? '#CED4DA' : '#343A40',\n      borderWidth: 0,\n      padding: 0,\n      shadowBlur: 0,\n      fontSize: 12,\n    },\n  };\n};\n\nconst vrpSeries = computed(() =>\n  buildVrpSeries(filteredChartData.value, state.volTenor)\n);\n\nconst vrpStats = computed(() => {\n  const values = vrpSeries.value.map(([, value]) => value);\n  return computeVrpStats(values);\n});\n\nconst meanHeaderValue = computed(() => {\n  if (state.loadingFlag) {\n    return '-';\n  }\n\n  return formatVrpPercent(vrpStats.value?.mean ?? null, 1);\n});\n\nconst statsDisplay = computed(() => {\n  const days = `${selectedPeriodDays.value}d`;\n  if (state.loadingFlag || !vrpStats.value) {\n    return {\n      mean: '-',\n      max: '-',\n      min: '-',\n      days,\n    };\n  }\n\n  return {\n    mean: formatVrpPercent(vrpStats.value.mean, 1),\n    max: formatVrpPercent(vrpStats.value.max, 1),\n    min: formatVrpPercent(vrpStats.value.min, 1),\n    days,\n  };\n});\n\nwatch(currency, () => {\n  fetchData();\n});\n\nwatch(exchange, () => {\n  fetchData();\n});\n\nconst fetchData = () => {\n  state.loadingFlag = true;\n  getVrp({\n    currency: currency.value,\n    gap: state.period,\n    exchange: exchange.value,\n  })\n    .then((res) => {\n      const resData = res.data?.data;\n      if (!resData) {\n        state.chartData = [];\n        return;\n      }\n      state.chartData = resData;\n    })\n    .finally(() => {\n      state.loadingFlag = false;\n    });\n};\n\nonMounted(() => {\n  handleChangePeriod(state.period);\n});\n\nconst handleChangePeriod = (value: string) => {\n  const selectedPeriod = periodList.find((v) => v.value === value);\n  if (!selectedPeriod) return;\n  state.periodDateRange = showDateRange(selectedPeriod.days);\n  fetchData();\n};\n\nconst getEchartOption = (\n  vrpData: Array<[number, number]>,\n  stats: IVrpStats | null\n) => {\n  const markLineData: Array<Record<string, unknown>> = [getZeroMarkLine()];\n  const showMeanLine = !state.loadingFlag && stats != null;\n\n  if (showMeanLine) {\n    markLineData.push(getMeanMarkLine(stats.mean));\n  }\n\n  const option = {\n    color: ['#FFD600'],\n\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        label: {\n          show: isMobile.value ? true : false, // 标签显示\n          backgroundColor: '#DEE2E6',\n          color: '#343A40',\n          padding: [4, 6, 4, 6],\n          margin: 9,\n          formatter: (params: { axisDimension: string; value: number }) => {\n            if (params.axisDimension === 'x') {\n              return timestampFormat(params.value);\n            } else {\n              return numberFormat(params.value, 2);\n            }\n          },\n        },\n        crossStyle: {\n          // 十字准星X轴指示器样式\n          color: '#8B959F',\n        },\n        lineStyle: {\n          // 十字准星Y轴指示器样式\n          color: '#8B959F',\n        },\n      },\n      formatter: (params: any) => {\n        try {\n          let html = `\n            <div style=\"display: flex;justify-content: space-between;align-items: center;\">\n              <div>${getTooltipDate(params[0].axisValue, locale.value.name, {\n                showSeconds: false,\n              })}</div>\n            </div>\n            `;\n          if (params[0]) {\n            html += `<div style=\"display: flex;justify-content: space-between;align-items: center;\">\n              <div style=\"margin-right: 40px;\">${params[0].marker}&nbsp;${\n              params[0].seriesName\n            }</div>\n              <div>&nbsp;${numberFormat(params[0].data[1], 2)}</div>\n            </div>`;\n          }\n          return html;\n        } catch (e) {\n          return '';\n        }\n      },\n      backgroundColor: isDark.value ? '#E9ECEF' : '#292F3D', // 浅色/Grey/14\n      textStyle: {\n        color: isDark.value ? '#000000' : '#FFFFFF', // 浅色/Grey/White\n        fontSize: 12,\n        lineHeight: 16,\n        fontWeight: 400,\n      },\n    },\n    axisPointer: {\n      type: 'line', // 显示指示线\n      label: {\n        show: true, // 显示指示线上的标签\n        backgroundColor: '#DEE2E6', // 标签背景颜色\n        color: '#343A40',\n        fontSize: 10,\n        padding: [4, 6, 4, 8],\n      },\n      // lineStyle: {\n      //   type: 'dashed', // 虚线\n      //   color: 'red'   // 线的颜色\n      // }\n    },\n    xAxis: {\n      position: 'bottom',\n      type: 'time',\n      boundaryGap: false,\n      axisTick: {\n        show: false, // 隐藏 X 轴刻度线\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        onZero: false,\n        show: false, // 隐藏坐标轴轴线\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        show: !isMobile.value && !isDark.value, // 显示 X 轴网格线\n        lineStyle: {\n          color: '#F1F1F1', // 网格线颜色 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      scale: true,\n      name: 'VRP(%)',\n      nameLocation: 'end',\n      nameTextStyle: {\n        color: isDark.value ? '#8B959F' : '#8B959F', // 浅色/Grey/8\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLabel: {\n        // 坐标轴刻度标签\n        show: true,\n        color: isDark.value ? '#CED4DA' : '#343A40', // 浅色/Grey/12\n        fontWeight: 400,\n        fontSize: 10,\n      },\n      axisLine: {\n        lineStyle: {\n          color: isDark.value ? '#CED4DA' : '#343A40', // 线的颜色 浅色/Grey/12\n        },\n      },\n      splitLine: {\n        lineStyle: {\n          color: isDark.value ? '#2B2F32' : '#F1F1F1', // 网格线颜色 浅色/Grey/3 '#F1F1F1'\n          width: 1, // 网格线宽度\n          type: 'solid', // 网格线类型: 'solid', 'dashed', 'dotted'\n        },\n      },\n    },\n    grid: {\n      top: 30,\n      left: 'left',\n      right: 40,\n      bottom: 50,\n      containLabel: true,\n    },\n    dataZoom: [\n      {\n        type: 'inside', //详细配置可见echarts官网\n        start: 0,\n        end: 100,\n        handleIcon:\n          'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n      },\n      {\n        show: true,\n        type: 'slider',\n        labelFormatter: (value: number) => {\n          return timestampFormat(value);\n        },\n        rangeMode: 'percent',\n        bottom: '10px',\n        start: 0,\n        end: 100,\n        handleIcon:\n          'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n      },\n    ],\n    series: [\n      {\n        name: 'VRP',\n        type: 'line',\n        data: vrpData,\n        symbol: 'none',\n        markLine: {\n          data: markLineData,\n        },\n      },\n    ],\n  };\n  return option;\n};\n\nconst chartOption = computed(() => {\n  return getEchartOption(vrpSeries.value, vrpStats.value);\n});\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
-import Radio from './src/radio2.mjs';
+import Radio from './src/radio.mjs';
 import RadioButton from './src/radio-button.mjs';
 import RadioGroup from './src/radio-group.mjs';
-export { radioEmits, radioProps } from './src/radio.mjs';
+export { radioEmits, radioProps } from './src/radio2.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const GRadio = withInstall(Radio, {

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

@@ -1,7 +1,7 @@
 import { RadioButton as RadioButton$1 } from 'ant-design-vue/es';
 import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
 import '../../../hooks/index.mjs';
-import { radioProps, radioEmits } from './radio.mjs';
+import { radioProps, radioEmits } from './radio2.mjs';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 

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

@@ -1,7 +1,7 @@
 import { RadioGroup as RadioGroup$1 } from 'ant-design-vue/es';
 import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
 import '../../../hooks/index.mjs';
-import { radioProps, radioEmits } from './radio.mjs';
+import { radioProps, radioEmits } from './radio2.mjs';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 

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

@@ -1,8 +1,34 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { Radio as Radio$1 } from 'ant-design-vue/es';
+import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import { radioProps, radioEmits } from './radio2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const radioEmits = {};
-const radioProps = buildProps({});
+const __default__ = {
+  name: "GRadio"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: radioProps,
+  emits: radioEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("radio");
+    return (_ctx, _cache) => {
+      const _component_a_radio = Radio$1;
+      return openBlock(), createBlock(_component_a_radio, mergeProps({
+        class: [unref(ns).b()]
+      }, props, toHandlers(emits)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/radio/src/radio.vue"]]);
 
-export { radioEmits, radioProps };
+export { Radio as default };
 //# sourceMappingURL=radio.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.mjs","sources":["../../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type Radio from './radio.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const radioEmits = {};\nexport type RadioEmits = typeof radioEmits;\nexport const radioProps = buildProps({});\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\nexport type RadioInstance = InstanceType<typeof Radio>;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,GAAC;AAEd,MAAA,UAAA,GAAa,UAAW,CAAA,EAAE;;;;"}
+{"version":3,"file":"radio.mjs","sources":["../../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <a-radio\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-radio>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { radioEmits, radioProps } from './radio'\ndefineOptions({\n  name: 'GRadio',\n})\nconst ns = useNamespace('radio')\nconst props = defineProps(radioProps)\nconst emits = defineEmits(radioEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/radio/src/radio2.mjs

@@ -1,34 +1,8 @@
-import { Radio as Radio$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { radioProps, radioEmits } from './radio.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: "GRadio"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: radioProps,
-  emits: radioEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("radio");
-    return (_ctx, _cache) => {
-      const _component_a_radio = Radio$1;
-      return openBlock(), createBlock(_component_a_radio, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/radio/src/radio.vue"]]);
+const radioEmits = {};
+const radioProps = buildProps({});
 
-export { Radio as default };
+export { radioEmits, radioProps };
 //# sourceMappingURL=radio2.mjs.map

package/es/packages/components/radio/src/radio2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio2.mjs","sources":["../../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <a-radio\n    :class=\"[ns.b()]\"\n    v-bind=\"props\"\n    v-on=\"emits\"\n  >\n    <slot></slot>\n  </a-radio>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { radioEmits, radioProps } from './radio'\ndefineOptions({\n  name: 'GRadio',\n})\nconst ns = useNamespace('radio')\nconst props = defineProps(radioProps)\nconst emits = defineEmits(radioEmits)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,OAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"radio2.mjs","sources":["../../../../../../../packages/components/radio/src/radio.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils';\nimport type Radio from './radio.vue';\nimport type { ExtractPropTypes } from 'vue';\n\nexport const radioEmits = {};\nexport type RadioEmits = typeof radioEmits;\nexport const radioProps = buildProps({});\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\nexport type RadioInstance = InstanceType<typeof Radio>;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,GAAC;AAEd,MAAA,UAAA,GAAa,UAAW,CAAA,EAAE;;;;"}

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

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Spin from './src/spin2.mjs';
-export { spinEmits, spinProps } from './src/spin.mjs';
+import Spin from './src/spin.mjs';
+export { spinEmits, spinProps } from './src/spin2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GSpin = withInstall(Spin);

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

@@ -1,8 +1,34 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { Spin as Spin$1 } from 'ant-design-vue/es';
+import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import { spinProps, spinEmits } from './spin2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const spinEmits = {};
-const spinProps = buildProps({});
+const __default__ = {
+  name: "GSpin"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: spinProps,
+  emits: spinEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("spin");
+    return (_ctx, _cache) => {
+      const _component_a_spin = Spin$1;
+      return openBlock(), createBlock(_component_a_spin, mergeProps({
+        class: [unref(ns).b()]
+      }, props, toHandlers(emits)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+var Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/spin/src/spin.vue"]]);
 
-export { spinEmits, spinProps };
+export { Spin as default };
 //# sourceMappingURL=spin.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"spin.mjs","sources":["../../../../../../../packages/components/spin/src/spin.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Spin from './spin.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const spinEmits = {}\nexport type SpinEmits = typeof spinEmits\nexport const spinProps = buildProps({})\nexport type SpinProps = ExtractPropTypes<typeof spinProps>\nexport type SpinInstance = InstanceType<typeof Spin>\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAC;AAEb,MAAA,SAAA,GAAY,UAAW,CAAA,EAAE;;;;"}
+{"version":3,"file":"spin.mjs","sources":["../../../../../../../packages/components/spin/src/spin.vue"],"sourcesContent":["<template>\n  <a-spin :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <slot></slot>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { spinEmits, spinProps } from './spin';\ndefineOptions({\n  name: 'GSpin',\n});\nconst ns = useNamespace('spin');\nconst props = defineProps(spinProps);\nconst emits = defineEmits(spinEmits);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/spin/src/spin2.mjs

@@ -1,34 +1,8 @@
-import { Spin as Spin$1 } from 'ant-design-vue/es';
-import { defineComponent, openBlock, createBlock, mergeProps, unref, toHandlers, withCtx, renderSlot } from 'vue';
-import '../../../hooks/index.mjs';
-import { spinProps, spinEmits } from './spin.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: "GSpin"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: spinProps,
-  emits: spinEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = useNamespace("spin");
-    return (_ctx, _cache) => {
-      const _component_a_spin = Spin$1;
-      return openBlock(), createBlock(_component_a_spin, mergeProps({
-        class: [unref(ns).b()]
-      }, props, toHandlers(emits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-var Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/spin/src/spin.vue"]]);
+const spinEmits = {};
+const spinProps = buildProps({});
 
-export { Spin as default };
+export { spinEmits, spinProps };
 //# sourceMappingURL=spin2.mjs.map

package/es/packages/components/spin/src/spin2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spin2.mjs","sources":["../../../../../../../packages/components/spin/src/spin.vue"],"sourcesContent":["<template>\n  <a-spin :class=\"[ns.b()]\" v-bind=\"props\" v-on=\"emits\">\n    <slot></slot>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { spinEmits, spinProps } from './spin';\ndefineOptions({\n  name: 'GSpin',\n});\nconst ns = useNamespace('spin');\nconst props = defineProps(spinProps);\nconst emits = defineEmits(spinEmits);\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"spin2.mjs","sources":["../../../../../../../packages/components/spin/src/spin.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Spin from './spin.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const spinEmits = {}\nexport type SpinEmits = typeof spinEmits\nexport const spinProps = buildProps({})\nexport type SpinProps = ExtractPropTypes<typeof spinProps>\nexport type SpinInstance = InstanceType<typeof Spin>\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAC;AAEb,MAAA,SAAA,GAAY,UAAW,CAAA,EAAE;;;;"}

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

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Tag from './src/tag2.mjs';
-export { tagEmits, tagProps } from './src/tag.mjs';
+import Tag from './src/tag.mjs';
+export { tagEmits, tagProps } from './src/tag2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const GTag = withInstall(Tag);

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

@@ -1,33 +1,117 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, Fragment, createTextVNode, toDisplayString } from 'vue';
+import '../../../hooks/index.mjs';
+import { tagProps, tagEmits } from './tag2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const tagEmits = {};
-const tagProps = buildProps({
-  value: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    default: "green"
-  },
-  border: {
-    type: Boolean,
-    default: false
-  },
-  borderRadius: {
-    type: [String, Number],
-    default: 8
-  },
-  width: {
-    type: [String, Number],
-    default: "fit-content"
-  },
-  height: {
-    type: [String, Number],
-    default: "auto"
+const __default__ = {
+  name: "GTag"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: tagProps,
+  emits: tagEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = useNamespace("tag");
+    const colorMap = {
+      green: {
+        backgroundColor: "var(--theme-green-1)",
+        color: "var(--theme-green-primary)",
+        borderColor: "var(--theme-green-primary)"
+      },
+      red: {
+        backgroundColor: "var(--theme-red-1)",
+        color: "var(--theme-red-primary)",
+        borderColor: "var(--theme-red-primary)"
+      },
+      blue: {
+        backgroundColor: "var(--theme-blue-1)",
+        color: "var(--theme-blue-7)",
+        borderColor: "var(--theme-blue-7)"
+      },
+      yellow: {
+        backgroundColor: "var(--theme-orange-1)",
+        color: "var(--theme-orange-7)",
+        borderColor: "var(--theme-orange-7)"
+      },
+      gray: {
+        backgroundColor: "var(--theme-gray-2)",
+        color: "var(--theme-gray-8)",
+        borderColor: "var(--theme-gray-8)"
+      },
+      brand: {
+        backgroundColor: "var(--theme-brand-50)",
+        color: "var(--theme-brand-500)",
+        borderColor: "var(--theme-brand-500)"
+      }
+    };
+    const color = computed(() => colorMap[props.type].color);
+    const backgroundColor = computed(() => colorMap[props.type].backgroundColor);
+    const borderColor = computed(() => {
+      if (props.border) {
+        return colorMap[props.type].borderColor;
+      }
+      return "transparent";
+    });
+    const width = computed(() => {
+      const type = typeof props.width;
+      if (type === "string") {
+        return props.width;
+      }
+      return `${props.width}px`;
+    });
+    const height = computed(() => {
+      const type = typeof props.height;
+      if (type === "string") {
+        return props.height;
+      }
+      return `${props.height}px`;
+    });
+    const borderRadius = computed(() => {
+      const type = typeof props.borderRadius;
+      if (type === "string") {
+        return props.borderRadius;
+      }
+      return `${props.borderRadius}px`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b()]),
+          style: normalizeStyle({ backgroundColor: unref(backgroundColor), borderColor: unref(borderColor), width: unref(width), height: unref(height), borderRadius: unref(borderRadius) })
+        },
+        [
+          renderSlot(_ctx.$slots, "prefix"),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).e("text")]),
+              style: normalizeStyle({ color: unref(color) })
+            },
+            [
+              _ctx.value ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  createTextVNode(
+                    toDisplayString(_ctx.value),
+                    1
+                  )
+                ],
+                64
+              )) : renderSlot(_ctx.$slots, "default", { key: 1 })
+            ],
+            6
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/tag/src/tag.vue"]]);
 
-export { tagEmits, tagProps };
+export { Tag as default };
 //# sourceMappingURL=tag.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.mjs","sources":["../../../../../../../packages/components/tag/src/tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type Tag from './tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\n\nexport const tagEmits = {}\nexport type TagEmits = typeof tagEmits\n\nexport const tagProps = buildProps({\n  value: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String as PropType<'green' | 'red' | 'blue' | 'yellow' | 'gray' | 'brand'>,\n    default: 'green',\n  },\n  border: {\n    type: Boolean,\n    default: false,\n  },\n  borderRadius: {\n    type: [String, Number],\n    default: 8,\n  },\n  width: {\n    type: [String, Number],\n    default: 'fit-content',\n  },\n  height: {\n    type: [String, Number],\n    default: 'auto',\n  },\n})\n\nexport type TagProps = ExtractPropTypes<typeof tagProps>\nexport type TagInstance = InstanceType<typeof Tag>\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,GAAC;AAGlB,MAAM,WAAW,UAAW,CAAA;AAAA,EACjC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAC;;;;"}
+{"version":3,"file":"tag.mjs","sources":["../../../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"{backgroundColor, borderColor, width, height, borderRadius}\"\n  >\n    <slot name=\"prefix\"></slot>\n    <div\n      :class=\"[ns.e('text')]\"\n      :style=\"{color}\"\n    >\n      <template v-if=\"value\">\n        {{ value }}\n      </template>\n      <template v-else>\n        <slot></slot>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@greeks-live-ui/hooks'\nimport { tagEmits, tagProps } from './tag'\n\ndefineOptions({\n  name: 'GTag',\n})\n\nconst ns = useNamespace('tag')\nconst props = defineProps(tagProps)\nconst emits = defineEmits(tagEmits)\n\nconst colorMap = {\n  green: {\n    backgroundColor: 'var(--theme-green-1)',\n    color: 'var(--theme-green-primary)',\n    borderColor: 'var(--theme-green-primary)',\n  },\n  red: {\n    backgroundColor: 'var(--theme-red-1)',\n    color: 'var(--theme-red-primary)',\n    borderColor: 'var(--theme-red-primary)',\n  },\n  blue: {\n    backgroundColor: 'var(--theme-blue-1)',\n    color: 'var(--theme-blue-7)',\n    borderColor: 'var(--theme-blue-7)',\n  },\n  yellow: {\n    backgroundColor: 'var(--theme-orange-1)',\n    color: 'var(--theme-orange-7)',\n    borderColor: 'var(--theme-orange-7)',\n  },\n  gray: {\n    backgroundColor: 'var(--theme-gray-2)',\n    color: 'var(--theme-gray-8)',\n    borderColor: 'var(--theme-gray-8)',\n  },\n  brand: {\n    backgroundColor: 'var(--theme-brand-50)',\n    color: 'var(--theme-brand-500)',\n    borderColor: 'var(--theme-brand-500)',\n  }\n}\n\nconst color = computed(() => colorMap[props.type].color)\nconst backgroundColor = computed(() => colorMap[props.type].backgroundColor)\nconst borderColor = computed(() => {\n  if (props.border) {\n    return colorMap[props.type].borderColor\n  }\n  return 'transparent'\n})\n\nconst width = computed(() => {\n  const type = typeof props.width\n  if (type === 'string') {\n    return props.width\n  }\n  return `${props.width}px`\n})\n\nconst height = computed(() => {\n  const type = typeof props.height\n  if (type === 'string') {\n    return props.height\n  }\n  return `${props.height}px`\n})\n\nconst borderRadius = computed(() => {\n  const type = typeof props.borderRadius\n  if (type === 'string') {\n    return props.borderRadius\n  }\n  return `${props.borderRadius}px`\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,EAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAIA,IAAA,MAAA,QAAA,GAAA;AAAA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,sBAAA;AACA,QAAA,KAAA,EAAA,4BAAA;AACA,QAAA,WAAA,EAAA,4BAAA;AACA,OAAA;AACA,MAAA,GAAA,EAAA;AACA,QAAA,eAAA,EAAA,oBAAA;AACA,QAAA,KAAA,EAAA,0BAAA;AACA,QAAA,WAAA,EAAA,0BAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,MAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,uBAAA;AACA,QAAA,WAAA,EAAA,uBAAA;AACA,OAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,eAAA,EAAA,qBAAA;AACA,QAAA,KAAA,EAAA,qBAAA;AACA,QAAA,WAAA,EAAA,qBAAA;AACA,OAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,eAAA,EAAA,uBAAA;AACA,QAAA,KAAA,EAAA,wBAAA;AACA,QAAA,WAAA,EAAA,wBAAA;AACA,OAAA;AACA,KAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAA,QAAA,CAAA,MAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,OAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,WAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,aAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,KAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,MAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,QAAA,CAAA,MAAA;AACA,MAAA,MAAA,IAAA,GAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AACA,MAAA,IAAA,IAAA,KAAA,QAAA,EAAA;AACA,QAAA,OAAA,KAAA,CAAA,YAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,CAAA,EAAA,KAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}