greeks-live-ui 0.1.19 → 0.1.21

package/lib/packages/components/date-time-picker/src/date-time-picker.js

@@ -2,21 +2,129 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var lib = require('ant-design-vue/lib');
+var vue = require('vue');
+var dayjs = require('dayjs');
+require('../../../hooks/index.js');
+var dateTimePicker = require('./date-time-picker2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const dateTimePickerEmits = ["update:modelValue", "change"];
-const dateTimePickerProps = runtime.buildProps({
-  modelValue: {
-    type: [Object, Number, String, Date],
-    required: false
-  },
-  disabledDate: {
-    type: Function,
-    required: false
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+const _hoisted_1 = ["onMousedown"];
+const __default__ = {
+  name: "GDateTimePicker"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: dateTimePicker.dateTimePickerProps,
+  emits: dateTimePicker.dateTimePickerEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("date-time-picker");
+    const now = dayjs__default["default"]();
+    const oneYearAgo = now.subtract(1, "year");
+    function toDayjs(val) {
+      if (typeof val === "string" || typeof val === "number" || val instanceof Date || dayjs.isDayjs(val)) {
+        return dayjs__default["default"](val);
+      }
+      return null;
+    }
+    const dateTimeValue = vue.ref(toDayjs(props.modelValue) || now);
+    const open = vue.ref(false);
+    const isUserClickIcon = vue.ref(false);
+    function togglePanel(e) {
+      isUserClickIcon.value = true;
+      open.value = !open.value;
+      Promise.resolve().then(() => {
+        isUserClickIcon.value = false;
+      });
+    }
+    function onDateChange(val) {
+      emits("update:modelValue", val);
+      emits("change", val);
+      open.value = false;
+    }
+    function onOpenChange(val) {
+      if (!isUserClickIcon.value) {
+        open.value = val;
+      }
+    }
+    function disabledDate(current) {
+      return current < oneYearAgo.startOf("day") || current > now.endOf("day");
+    }
+    function disabledTime(date) {
+      if (!date)
+        return {};
+      const isToday = date.isSame(now, "day");
+      if (!isToday)
+        return {};
+      const disabledHours = [];
+      for (let i = now.hour() + 1; i < 24; i++) {
+        disabledHours.push(i);
+      }
+      const disabledMinutes = [];
+      if (date.hour() === now.hour()) {
+        for (let i = now.minute() + 1; i < 60; i++) {
+          disabledMinutes.push(i);
+        }
+      }
+      return {
+        disabledHours: () => disabledHours,
+        disabledMinutes: () => disabledMinutes
+      };
+    }
+    vue.watch(
+      () => props.modelValue,
+      (val) => {
+        dateTimeValue.value = toDayjs(val) || now;
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_a_date_picker = lib.DatePicker;
+      const _component_g_icon = vue.resolveComponent("g-icon");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b()])
+        },
+        [
+          vue.createVNode(_component_a_date_picker, vue.mergeProps(props, vue.toHandlers(emits), {
+            value: dateTimeValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => dateTimeValue.value = $event),
+            "show-time": { format: "HH:mm", defaultValue: vue.unref(dayjs__default["default"])("00:00", "HH:mm") },
+            format: "YYYY/MM/DD HH:mm",
+            "minute-step": 1,
+            "disabled-seconds": () => Array.from({ length: 60 }, (_, i) => i),
+            open: open.value,
+            onChange: onDateChange,
+            onOpenChange,
+            "disabled-date": props.disabledDate || disabledDate,
+            "disabled-time": disabledTime,
+            ref: "pickerRef",
+            popupClassName: "date-time-picker-popup",
+            placement: "bottomRight",
+            inputReadOnly: "",
+            style: { "width": "0", "height": "0", "opacity": "0", "position": "absolute", "pointer-events": "none" }
+          }), null, 16, ["value", "show-time", "disabled-seconds", "open", "disabled-date"]),
+          vue.createElementVNode("div", {
+            class: "date-picker-trigger",
+            onMousedown: vue.withModifiers(togglePanel, ["prevent", "stop"]),
+            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+            }, ["prevent", "stop"]))
+          }, [
+            vue.createVNode(_component_g_icon, { name: "chart_time_picker_choose_during" })
+          ], 40, _hoisted_1)
+        ],
+        2
+      );
+    };
   }
 });
+var DateTimePicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/date-time-picker/src/date-time-picker.vue"]]);
 
-exports.dateTimePickerEmits = dateTimePickerEmits;
-exports.dateTimePickerProps = dateTimePickerProps;
+exports["default"] = DateTimePicker;
 //# sourceMappingURL=date-time-picker.js.map

package/lib/packages/components/date-time-picker/src/date-time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.js","sources":["../../../../../../../packages/components/date-time-picker/src/date-time-picker.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DateTimePicker from './date-time-picker.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dateTimePickerEmits = ['update:modelValue', 'change'];\nexport type DateTimePickerEmits = typeof dateTimePickerEmits\nexport const dateTimePickerProps = buildProps({\n  modelValue: {\n    type: [Object, Number, String, Date],\n    required: false,\n    },\n  disabledDate: {\n    type: Function,\n    required: false,\n  },\n})\nexport type DateTimePickerProps = ExtractPropTypes<typeof dateTimePickerProps>\nexport type DateTimePickerInstance = InstanceType<typeof DateTimePicker>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIa,MAAA,mBAAA,GAAsB,CAAC,mBAAA,EAAqB,QAAQ,EAAA;AAE1D,MAAM,sBAAsBA,kBAAW,CAAA;AAAA,EAC5C,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,QAAQ,IAAI,CAAA;AAAA,IACnC,QAAU,EAAA,KAAA;AAAA,GACV;AAAA,EACF,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,QAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;;"}
+{"version":3,"file":"date-time-picker.js","sources":["../../../../../../../packages/components/date-time-picker/src/date-time-picker.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <a-date-picker\n      v-bind=\"props\"\n      v-on=\"emits\"\n      v-model:value=\"dateTimeValue\"\n      :show-time=\"{ format: 'HH:mm', defaultValue: dayjs('00:00', 'HH:mm') }\"\n      format=\"YYYY/MM/DD HH:mm\"\n      :minute-step=\"1\"\n      :disabled-seconds=\"() => Array.from({ length: 60 }, (_, i) => i)\"\n      :open=\"open\"\n      @change=\"onDateChange\"\n      @openChange=\"onOpenChange\"\n      :disabled-date=\"props.disabledDate || disabledDate\"\n      :disabled-time=\"disabledTime\"\n      ref=\"pickerRef\"\n      popupClassName=\"date-time-picker-popup\"\n      placement=\"bottomRight\"\n      inputReadOnly\n      style=\"\n        width: 0;\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        pointer-events: none;\n      \"\n    />\n    <div\n      class=\"date-picker-trigger\"\n      @mousedown.prevent.stop=\"togglePanel\"\n      @click.prevent.stop\n    >\n      <g-icon name=\"chart_time_picker_choose_during\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue';\nimport dayjs, { isDayjs } from 'dayjs';\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { dateTimePickerEmits, dateTimePickerProps } from './date-time-picker';\ndefineOptions({\n  name: 'GDateTimePicker',\n});\nconst ns = useNamespace('date-time-picker');\nconst props = defineProps(dateTimePickerProps);\nconst emits = defineEmits(dateTimePickerEmits);\n\nconst now = dayjs();\nconst oneYearAgo = now.subtract(1, 'year');\n\nfunction toDayjs(val: any) {\n  if (\n    typeof val === 'string' ||\n    typeof val === 'number' ||\n    val instanceof Date ||\n    isDayjs(val)\n  ) {\n    return dayjs(val);\n  }\n  return null;\n}\nconst dateTimeValue = ref(toDayjs(props.modelValue) || now);\nconst open = ref(false);\nconst isUserClickIcon = ref(false);\n\nfunction togglePanel(e: Event) {\n  // 标记为用户点击Icon（在mousedown时立即标记，早于click和document监听）\n  isUserClickIcon.value = true;\n\n  // 改变open状态\n  open.value = !open.value;\n\n  // 下一帧时复位标志（给popup足够时间处理openChange事件）\n  Promise.resolve().then(() => {\n    isUserClickIcon.value = false;\n  });\n}\n\nfunction onDateChange(val: any) {\n  emits('update:modelValue', val);\n  emits('change', val);\n  open.value = false;\n}\n\nfunction onOpenChange(val: boolean) {\n  // 只在非用户点击Icon时才同步popup的状态变化\n  if (!isUserClickIcon.value) {\n    open.value = val;\n  }\n}\n\nfunction disabledDate(current: any) {\n  // 只能选 [一年前, 今天] 之间，允许选今天\n  return current < oneYearAgo.startOf('day') || current > now.endOf('day');\n}\n\nfunction disabledTime(date: any) {\n  // 如果选的是今天，禁用未来的小时和分钟\n  if (!date) return {};\n  const isToday = date.isSame(now, 'day');\n  if (!isToday) return {};\n  const disabledHours: number[] = [];\n  for (let i = now.hour() + 1; i < 24; i++) {\n    disabledHours.push(i);\n  }\n  const disabledMinutes: number[] = [];\n  if (date.hour() === now.hour()) {\n    for (let i = now.minute() + 1; i < 60; i++) {\n      disabledMinutes.push(i);\n    }\n  }\n  return {\n    disabledHours: () => disabledHours,\n    disabledMinutes: () => disabledMinutes,\n  };\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    dateTimeValue.value = toDayjs(val) || now;\n  }\n);\n</script>\n"],"names":["useNamespace","dayjs","isDayjs","ref","watch"],"mappings":"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"}

package/lib/packages/components/date-time-picker/src/date-time-picker2.js

@@ -2,129 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var lib = require('ant-design-vue/lib');
-var vue = require('vue');
-var dayjs = require('dayjs');
-require('../../../hooks/index.js');
-var dateTimePicker = require('./date-time-picker.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-const _hoisted_1 = ["onMousedown"];
-const __default__ = {
-  name: "GDateTimePicker"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: dateTimePicker.dateTimePickerProps,
-  emits: dateTimePicker.dateTimePickerEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("date-time-picker");
-    const now = dayjs__default["default"]();
-    const oneYearAgo = now.subtract(1, "year");
-    function toDayjs(val) {
-      if (typeof val === "string" || typeof val === "number" || val instanceof Date || dayjs.isDayjs(val)) {
-        return dayjs__default["default"](val);
-      }
-      return null;
-    }
-    const dateTimeValue = vue.ref(toDayjs(props.modelValue) || now);
-    const open = vue.ref(false);
-    const isUserClickIcon = vue.ref(false);
-    function togglePanel(e) {
-      isUserClickIcon.value = true;
-      open.value = !open.value;
-      Promise.resolve().then(() => {
-        isUserClickIcon.value = false;
-      });
-    }
-    function onDateChange(val) {
-      emits("update:modelValue", val);
-      emits("change", val);
-      open.value = false;
-    }
-    function onOpenChange(val) {
-      if (!isUserClickIcon.value) {
-        open.value = val;
-      }
-    }
-    function disabledDate(current) {
-      return current < oneYearAgo.startOf("day") || current > now.endOf("day");
-    }
-    function disabledTime(date) {
-      if (!date)
-        return {};
-      const isToday = date.isSame(now, "day");
-      if (!isToday)
-        return {};
-      const disabledHours = [];
-      for (let i = now.hour() + 1; i < 24; i++) {
-        disabledHours.push(i);
-      }
-      const disabledMinutes = [];
-      if (date.hour() === now.hour()) {
-        for (let i = now.minute() + 1; i < 60; i++) {
-          disabledMinutes.push(i);
-        }
-      }
-      return {
-        disabledHours: () => disabledHours,
-        disabledMinutes: () => disabledMinutes
-      };
-    }
-    vue.watch(
-      () => props.modelValue,
-      (val) => {
-        dateTimeValue.value = toDayjs(val) || now;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_date_picker = lib.DatePicker;
-      const _component_g_icon = vue.resolveComponent("g-icon");
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()])
-        },
-        [
-          vue.createVNode(_component_a_date_picker, vue.mergeProps(props, vue.toHandlers(emits), {
-            value: dateTimeValue.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => dateTimeValue.value = $event),
-            "show-time": { format: "HH:mm", defaultValue: vue.unref(dayjs__default["default"])("00:00", "HH:mm") },
-            format: "YYYY/MM/DD HH:mm",
-            "minute-step": 1,
-            "disabled-seconds": () => Array.from({ length: 60 }, (_, i) => i),
-            open: open.value,
-            onChange: onDateChange,
-            onOpenChange,
-            "disabled-date": props.disabledDate || disabledDate,
-            "disabled-time": disabledTime,
-            ref: "pickerRef",
-            popupClassName: "date-time-picker-popup",
-            placement: "bottomRight",
-            inputReadOnly: "",
-            style: { "width": "0", "height": "0", "opacity": "0", "position": "absolute", "pointer-events": "none" }
-          }), null, 16, ["value", "show-time", "disabled-seconds", "open", "disabled-date"]),
-          vue.createElementVNode("div", {
-            class: "date-picker-trigger",
-            onMousedown: vue.withModifiers(togglePanel, ["prevent", "stop"]),
-            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-            }, ["prevent", "stop"]))
-          }, [
-            vue.createVNode(_component_g_icon, { name: "chart_time_picker_choose_during" })
-          ], 40, _hoisted_1)
-        ],
-        2
-      );
-    };
+const dateTimePickerEmits = ["update:modelValue", "change"];
+const dateTimePickerProps = runtime.buildProps({
+  modelValue: {
+    type: [Object, Number, String, Date],
+    required: false
+  },
+  disabledDate: {
+    type: Function,
+    required: false
   }
 });
-var DateTimePicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/date-time-picker/src/date-time-picker.vue"]]);
 
-exports["default"] = DateTimePicker;
+exports.dateTimePickerEmits = dateTimePickerEmits;
+exports.dateTimePickerProps = dateTimePickerProps;
 //# sourceMappingURL=date-time-picker2.js.map

package/lib/packages/components/date-time-picker/src/date-time-picker2.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker2.js","sources":["../../../../../../../packages/components/date-time-picker/src/date-time-picker.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <a-date-picker\n      v-bind=\"props\"\n      v-on=\"emits\"\n      v-model:value=\"dateTimeValue\"\n      :show-time=\"{ format: 'HH:mm', defaultValue: dayjs('00:00', 'HH:mm') }\"\n      format=\"YYYY/MM/DD HH:mm\"\n      :minute-step=\"1\"\n      :disabled-seconds=\"() => Array.from({ length: 60 }, (_, i) => i)\"\n      :open=\"open\"\n      @change=\"onDateChange\"\n      @openChange=\"onOpenChange\"\n      :disabled-date=\"props.disabledDate || disabledDate\"\n      :disabled-time=\"disabledTime\"\n      ref=\"pickerRef\"\n      popupClassName=\"date-time-picker-popup\"\n      placement=\"bottomRight\"\n      inputReadOnly\n      style=\"\n        width: 0;\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        pointer-events: none;\n      \"\n    />\n    <div\n      class=\"date-picker-trigger\"\n      @mousedown.prevent.stop=\"togglePanel\"\n      @click.prevent.stop\n    >\n      <g-icon name=\"chart_time_picker_choose_during\" />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue';\nimport dayjs, { isDayjs } from 'dayjs';\nimport { useNamespace } from '@greeks-live-ui/hooks';\nimport { dateTimePickerEmits, dateTimePickerProps } from './date-time-picker';\ndefineOptions({\n  name: 'GDateTimePicker',\n});\nconst ns = useNamespace('date-time-picker');\nconst props = defineProps(dateTimePickerProps);\nconst emits = defineEmits(dateTimePickerEmits);\n\nconst now = dayjs();\nconst oneYearAgo = now.subtract(1, 'year');\n\nfunction toDayjs(val: any) {\n  if (\n    typeof val === 'string' ||\n    typeof val === 'number' ||\n    val instanceof Date ||\n    isDayjs(val)\n  ) {\n    return dayjs(val);\n  }\n  return null;\n}\nconst dateTimeValue = ref(toDayjs(props.modelValue) || now);\nconst open = ref(false);\nconst isUserClickIcon = ref(false);\n\nfunction togglePanel(e: Event) {\n  // 标记为用户点击Icon（在mousedown时立即标记，早于click和document监听）\n  isUserClickIcon.value = true;\n\n  // 改变open状态\n  open.value = !open.value;\n\n  // 下一帧时复位标志（给popup足够时间处理openChange事件）\n  Promise.resolve().then(() => {\n    isUserClickIcon.value = false;\n  });\n}\n\nfunction onDateChange(val: any) {\n  emits('update:modelValue', val);\n  emits('change', val);\n  open.value = false;\n}\n\nfunction onOpenChange(val: boolean) {\n  // 只在非用户点击Icon时才同步popup的状态变化\n  if (!isUserClickIcon.value) {\n    open.value = val;\n  }\n}\n\nfunction disabledDate(current: any) {\n  // 只能选 [一年前, 今天] 之间，允许选今天\n  return current < oneYearAgo.startOf('day') || current > now.endOf('day');\n}\n\nfunction disabledTime(date: any) {\n  // 如果选的是今天，禁用未来的小时和分钟\n  if (!date) return {};\n  const isToday = date.isSame(now, 'day');\n  if (!isToday) return {};\n  const disabledHours: number[] = [];\n  for (let i = now.hour() + 1; i < 24; i++) {\n    disabledHours.push(i);\n  }\n  const disabledMinutes: number[] = [];\n  if (date.hour() === now.hour()) {\n    for (let i = now.minute() + 1; i < 60; i++) {\n      disabledMinutes.push(i);\n    }\n  }\n  return {\n    disabledHours: () => disabledHours,\n    disabledMinutes: () => disabledMinutes,\n  };\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    dateTimeValue.value = toDayjs(val) || now;\n  }\n);\n</script>\n"],"names":["useNamespace","dayjs","isDayjs","ref","watch"],"mappings":"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"}
+{"version":3,"file":"date-time-picker2.js","sources":["../../../../../../../packages/components/date-time-picker/src/date-time-picker.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DateTimePicker from './date-time-picker.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const dateTimePickerEmits = ['update:modelValue', 'change'];\nexport type DateTimePickerEmits = typeof dateTimePickerEmits\nexport const dateTimePickerProps = buildProps({\n  modelValue: {\n    type: [Object, Number, String, Date],\n    required: false,\n    },\n  disabledDate: {\n    type: Function,\n    required: false,\n  },\n})\nexport type DateTimePickerProps = ExtractPropTypes<typeof dateTimePickerProps>\nexport type DateTimePickerInstance = InstanceType<typeof DateTimePicker>\n"],"names":["buildProps"],"mappings":";;;;;;;AAIa,MAAA,mBAAA,GAAsB,CAAC,mBAAA,EAAqB,QAAQ,EAAA;AAE1D,MAAM,sBAAsBA,kBAAW,CAAA;AAAA,EAC5C,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,QAAQ,IAAI,CAAA;AAAA,IACnC,QAAU,EAAA,KAAA;AAAA,GACV;AAAA,EACF,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,QAAA;AAAA,IACN,QAAU,EAAA,KAAA;AAAA,GACZ;AACF,CAAC;;;;;"}

package/lib/packages/components/direction-tag/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var directionTag$1 = require('./src/direction-tag2.js');
-var directionTag = require('./src/direction-tag.js');
+var directionTag$1 = require('./src/direction-tag.js');
+var directionTag = require('./src/direction-tag2.js');
 var install = require('../../utils/vue/install.js');
 
 const GDirectionTag = install.withInstall(directionTag$1["default"]);

package/lib/packages/components/direction-tag/src/direction-tag.js

@@ -2,26 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var directionTag = require('./direction-tag2.js');
 require('../../../constants/index.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var trade = require('../../../constants/trade.js');
 var event = require('../../../constants/event.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
 
-const directionTagEmits = {
-  "update:direction": (value) => true,
-  [event.CHANGE_EVENT]: (value) => true
+const __default__ = {
+  name: "GDirectionTag"
 };
-const directionTagProps = runtime.buildProps({
-  direction: {
-    type: String,
-    default: "buy"
-  },
-  mode: {
-    type: String,
-    default: "trade"
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: directionTag.directionTagProps,
+  emits: directionTag.directionTagEmits,
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const ns = index.useNamespace("direction-tag");
+    const { t } = index$1.useLocale();
+    const directionValue = vue.computed({
+      get() {
+        return props.direction;
+      },
+      set(value) {
+        emits("update:direction", value);
+      }
+    });
+    const displayText = vue.computed(() => {
+      if (props.mode === "position") {
+        return directionValue.value === trade.Long ? t("message.long") : t("message.short");
+      }
+      return directionValue.value === trade.Buy ? t("message.buy") : t("message.sell");
+    });
+    const directionStyle = vue.computed(() => {
+      const isPositive = directionValue.value === trade.Buy || directionValue.value === trade.Long;
+      return {
+        borderColor: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
+        color: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
+        backgroundColor: isPositive ? "var(--theme-green-1)" : "var(--theme-red-1)"
+      };
+    });
+    const handleClick = () => {
+      let newDirection;
+      if (props.mode === "position") {
+        newDirection = directionValue.value === trade.Long ? trade.Short : trade.Long;
+      } else {
+        newDirection = directionValue.value === trade.Buy ? trade.Sell : trade.Buy;
+      }
+      directionValue.value = newDirection;
+      emits(event.CHANGE_EVENT, newDirection);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b()]),
+          style: vue.normalizeStyle(vue.unref(directionStyle)),
+          onClick: handleClick
+        },
+        [
+          vue.createElementVNode(
+            "span",
+            {
+              class: vue.normalizeClass([vue.unref(ns).e("text")])
+            },
+            vue.toDisplayString(vue.unref(displayText)),
+            3
+          )
+        ],
+        6
+      );
+    };
   }
 });
+var DirectionTag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/direction-tag/src/direction-tag.vue"]]);
 
-exports.directionTagEmits = directionTagEmits;
-exports.directionTagProps = directionTagProps;
+exports["default"] = DirectionTag;
 //# sourceMappingURL=direction-tag.js.map

package/lib/packages/components/direction-tag/src/direction-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction-tag.js","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DirectionTag from './direction-tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\nexport const directionTagEmits = {\n  'update:direction': (value: TradeDirection | PositionDirection) => true,\n  [CHANGE_EVENT]: (value: TradeDirection | PositionDirection) => true,\n}\nexport type DirectionTagEmits = typeof directionTagEmits\n\nexport const directionTagProps = buildProps({\n  direction: {\n    type: String as PropType<TradeDirection | PositionDirection>,\n    default: 'buy',\n  },\n  mode: {\n    type: String as PropType<'trade' | 'position'>,\n    default: 'trade',\n  },\n})\nexport type DirectionTagProps = ExtractPropTypes<typeof directionTagProps>\nexport type DirectionTagInstance = InstanceType<typeof DirectionTag>\n"],"names":["CHANGE_EVENT","buildProps"],"mappings":";;;;;;;;;AAMO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,kBAAA,EAAoB,CAAC,KAA8C,KAAA,IAAA;AAAA,EACnE,CAACA,kBAAe,GAAA,CAAC,KAA8C,KAAA,IAAA;AACjE,EAAA;AAGO,MAAM,oBAAoBC,kBAAW,CAAA;AAAA,EAC1C,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAC;;;;;"}
+{"version":3,"file":"direction-tag.js","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"directionStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"[ns.e('text')]\">\n      {{ displayText }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace, useLocale } from '@greeks-live-ui/hooks'\nimport { directionTagEmits, directionTagProps } from './direction-tag'\nimport { Buy, Sell, Long, Short, CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\ndefineOptions({\n  name: 'GDirectionTag',\n})\n\nconst ns = useNamespace('direction-tag')\nconst props = defineProps(directionTagProps)\nconst emits = defineEmits(directionTagEmits)\nconst { t } = useLocale()\n\nconst directionValue = computed({\n  get() {\n    return props.direction\n  },\n  set(value: TradeDirection | PositionDirection) {\n    emits('update:direction', value)\n  },\n})\n\nconst displayText = computed(() => {\n  if (props.mode === 'position') {\n    return directionValue.value === Long ? t('message.long') : t('message.short')\n  }\n  return directionValue.value === Buy ? t('message.buy') : t('message.sell')\n})\n\nconst directionStyle = computed(() => {\n  const isPositive = directionValue.value === Buy || directionValue.value === Long\n  return {\n    borderColor: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    color: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    backgroundColor: isPositive ? 'var(--theme-green-1)' : 'var(--theme-red-1)',\n  }\n})\n\nconst handleClick = () => {\n  let newDirection: TradeDirection | PositionDirection\n  \n  if (props.mode === 'position') {\n    newDirection = directionValue.value === Long ? Short : Long\n  } else {\n    newDirection = directionValue.value === Buy ? Sell : Buy\n  }\n  \n  directionValue.value = newDirection\n  emits(CHANGE_EVENT, newDirection)\n}\n</script>\n"],"names":["useNamespace","useLocale","computed","Long","Buy","Short","Sell","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,eAAA,CAAA,CAAA;AAGA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAAC,iBAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAAC,YAAA,CAAA;AAAA,MAAA,GAAA,GAAA;AAEA,QAAA,OAAA,KAAA,CAAA,SAAA,CAAA;AAAA,OAAA;AACA,MAAA,GAAA,CAAA,KAAA,EAAA;AAEA,QAAA,KAAA,CAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,OAAA,cAAA,CAAA,KAAA,KAAAC,UAAA,GAAA,CAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,cAAA,CAAA,KAAA,KAAAC,SAAA,GAAA,CAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAAF,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,UAAA,GAAA,cAAA,CAAA,KAAA,KAAAE,SAAA,IAAA,cAAA,CAAA,KAAA,KAAAD,UAAA,CAAA;AACA,MAAA,OAAA;AAAA,QAAA,WAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,KAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,eAAA,EAAA,UAAA,GAAA,sBAAA,GAAA,oBAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,MAAA;AACA,MAAA,IAAA,YAAA,CAAA;AAEA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAAA,UAAA,GAAAE,WAAA,GAAAF,UAAA,CAAA;AAAA,OAAA,MAAA;AAEA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAAC,SAAA,GAAAE,UAAA,GAAAF,SAAA,CAAA;AAAA,OAAA;AAGA,MAAA,cAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,KAAA,CAAAG,kBAAA,EAAA,YAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/direction-tag/src/direction-tag2.js

@@ -2,83 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var directionTag = require('./direction-tag.js');
+require('../../../utils/index.js');
 require('../../../constants/index.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
-var trade = require('../../../constants/trade.js');
 var event = require('../../../constants/event.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = {
-  name: "GDirectionTag"
+const directionTagEmits = {
+  "update:direction": (value) => true,
+  [event.CHANGE_EVENT]: (value) => true
 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: directionTag.directionTagProps,
-  emits: directionTag.directionTagEmits,
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const ns = index.useNamespace("direction-tag");
-    const { t } = index$1.useLocale();
-    const directionValue = vue.computed({
-      get() {
-        return props.direction;
-      },
-      set(value) {
-        emits("update:direction", value);
-      }
-    });
-    const displayText = vue.computed(() => {
-      if (props.mode === "position") {
-        return directionValue.value === trade.Long ? t("message.long") : t("message.short");
-      }
-      return directionValue.value === trade.Buy ? t("message.buy") : t("message.sell");
-    });
-    const directionStyle = vue.computed(() => {
-      const isPositive = directionValue.value === trade.Buy || directionValue.value === trade.Long;
-      return {
-        borderColor: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
-        color: isPositive ? "var(--theme-green-primary)" : "var(--theme-red-primary)",
-        backgroundColor: isPositive ? "var(--theme-green-1)" : "var(--theme-red-1)"
-      };
-    });
-    const handleClick = () => {
-      let newDirection;
-      if (props.mode === "position") {
-        newDirection = directionValue.value === trade.Long ? trade.Short : trade.Long;
-      } else {
-        newDirection = directionValue.value === trade.Buy ? trade.Sell : trade.Buy;
-      }
-      directionValue.value = newDirection;
-      emits(event.CHANGE_EVENT, newDirection);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b()]),
-          style: vue.normalizeStyle(vue.unref(directionStyle)),
-          onClick: handleClick
-        },
-        [
-          vue.createElementVNode(
-            "span",
-            {
-              class: vue.normalizeClass([vue.unref(ns).e("text")])
-            },
-            vue.toDisplayString(vue.unref(displayText)),
-            3
-          )
-        ],
-        6
-      );
-    };
+const directionTagProps = runtime.buildProps({
+  direction: {
+    type: String,
+    default: "buy"
+  },
+  mode: {
+    type: String,
+    default: "trade"
   }
 });
-var DirectionTag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/luobowen/Desktop/greeks/greeks-live-ui/packages/components/direction-tag/src/direction-tag.vue"]]);
 
-exports["default"] = DirectionTag;
+exports.directionTagEmits = directionTagEmits;
+exports.directionTagProps = directionTagProps;
 //# sourceMappingURL=direction-tag2.js.map

package/lib/packages/components/direction-tag/src/direction-tag2.js.map

@@ -1 +1 @@
-{"version":3,"file":"direction-tag2.js","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b()]\"\n    :style=\"directionStyle\"\n    @click=\"handleClick\"\n  >\n    <span :class=\"[ns.e('text')]\">\n      {{ displayText }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace, useLocale } from '@greeks-live-ui/hooks'\nimport { directionTagEmits, directionTagProps } from './direction-tag'\nimport { Buy, Sell, Long, Short, CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\ndefineOptions({\n  name: 'GDirectionTag',\n})\n\nconst ns = useNamespace('direction-tag')\nconst props = defineProps(directionTagProps)\nconst emits = defineEmits(directionTagEmits)\nconst { t } = useLocale()\n\nconst directionValue = computed({\n  get() {\n    return props.direction\n  },\n  set(value: TradeDirection | PositionDirection) {\n    emits('update:direction', value)\n  },\n})\n\nconst displayText = computed(() => {\n  if (props.mode === 'position') {\n    return directionValue.value === Long ? t('message.long') : t('message.short')\n  }\n  return directionValue.value === Buy ? t('message.buy') : t('message.sell')\n})\n\nconst directionStyle = computed(() => {\n  const isPositive = directionValue.value === Buy || directionValue.value === Long\n  return {\n    borderColor: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    color: isPositive ? 'var(--theme-green-primary)' : 'var(--theme-red-primary)',\n    backgroundColor: isPositive ? 'var(--theme-green-1)' : 'var(--theme-red-1)',\n  }\n})\n\nconst handleClick = () => {\n  let newDirection: TradeDirection | PositionDirection\n  \n  if (props.mode === 'position') {\n    newDirection = directionValue.value === Long ? Short : Long\n  } else {\n    newDirection = directionValue.value === Buy ? Sell : Buy\n  }\n  \n  directionValue.value = newDirection\n  emits(CHANGE_EVENT, newDirection)\n}\n</script>\n"],"names":["useNamespace","useLocale","computed","Long","Buy","Short","Sell","CHANGE_EVENT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,IAAA,MAAA,EAAA,GAAAA,kBAAA,CAAA,eAAA,CAAA,CAAA;AAGA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAAC,iBAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAAC,YAAA,CAAA;AAAA,MAAA,GAAA,GAAA;AAEA,QAAA,OAAA,KAAA,CAAA,SAAA,CAAA;AAAA,OAAA;AACA,MAAA,GAAA,CAAA,KAAA,EAAA;AAEA,QAAA,KAAA,CAAA,kBAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAAA,YAAA,CAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,OAAA,cAAA,CAAA,KAAA,KAAAC,UAAA,GAAA,CAAA,CAAA,cAAA,CAAA,GAAA,CAAA,CAAA,eAAA,CAAA,CAAA;AAAA,OAAA;AAEA,MAAA,OAAA,cAAA,CAAA,KAAA,KAAAC,SAAA,GAAA,CAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,cAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,cAAA,GAAAF,YAAA,CAAA,MAAA;AACA,MAAA,MAAA,UAAA,GAAA,cAAA,CAAA,KAAA,KAAAE,SAAA,IAAA,cAAA,CAAA,KAAA,KAAAD,UAAA,CAAA;AACA,MAAA,OAAA;AAAA,QAAA,WAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,KAAA,EAAA,UAAA,GAAA,4BAAA,GAAA,0BAAA;AACA,QAAA,eAAA,EAAA,UAAA,GAAA,sBAAA,GAAA,oBAAA;AACA,OAAA,CAAA;AACA,KAAA,CAAA,CAAA;AAGA,IAAA,MAAA,WAAA,GAAA,MAAA;AACA,MAAA,IAAA,YAAA,CAAA;AAEA,MAAA,IAAA,KAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAAA,UAAA,GAAAE,WAAA,GAAAF,UAAA,CAAA;AAAA,OAAA,MAAA;AAEA,QAAA,YAAA,GAAA,cAAA,CAAA,KAAA,KAAAC,SAAA,GAAAE,UAAA,GAAAF,SAAA,CAAA;AAAA,OAAA;AAGA,MAAA,cAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,KAAA,CAAAG,kBAAA,EAAA,YAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"direction-tag2.js","sources":["../../../../../../../packages/components/direction-tag/src/direction-tag.ts"],"sourcesContent":["import { buildProps } from '@greeks-live-ui/utils'\nimport type DirectionTag from './direction-tag.vue'\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@greeks-live-ui/constants'\nimport type { TradeDirection, PositionDirection } from '@greeks-live-ui/constants'\n\nexport const directionTagEmits = {\n  'update:direction': (value: TradeDirection | PositionDirection) => true,\n  [CHANGE_EVENT]: (value: TradeDirection | PositionDirection) => true,\n}\nexport type DirectionTagEmits = typeof directionTagEmits\n\nexport const directionTagProps = buildProps({\n  direction: {\n    type: String as PropType<TradeDirection | PositionDirection>,\n    default: 'buy',\n  },\n  mode: {\n    type: String as PropType<'trade' | 'position'>,\n    default: 'trade',\n  },\n})\nexport type DirectionTagProps = ExtractPropTypes<typeof directionTagProps>\nexport type DirectionTagInstance = InstanceType<typeof DirectionTag>\n"],"names":["CHANGE_EVENT","buildProps"],"mappings":";;;;;;;;;AAMO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,kBAAA,EAAoB,CAAC,KAA8C,KAAA,IAAA;AAAA,EACnE,CAACA,kBAAe,GAAA,CAAC,KAA8C,KAAA,IAAA;AACjE,EAAA;AAGO,MAAM,oBAAoBC,kBAAW,CAAA;AAAA,EAC1C,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAC;;;;;"}

package/lib/packages/components/greeks-summary/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var greeksSummary$1 = require('./src/greeks-summary.js');
-var greeksSummary = require('./src/greeks-summary2.js');
+var greeksSummary$1 = require('./src/greeks-summary2.js');
+var greeksSummary = require('./src/greeks-summary.js');
 var install = require('../../utils/vue/install.js');
 
 const GGreeksSummary = install.withInstall(greeksSummary$1["default"]);