@yoka-ui/ui 1.0.10-test → 1.1.0

package/dist/es/business/YkCharts/index.module.less

@@ -0,0 +1,164 @@
+@import './variables.less';
+
+.chartBody {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  .chartBodyHeader {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-bottom: 20px;
+
+    .chartType {
+      position: relative;
+      margin-left: auto;
+
+      .radioButton {
+        position: relative;
+        height: 30px;
+        line-height: 28px;
+
+        &:first-child {
+          border-start-start-radius: 2px;
+          border-end-start-radius: 2px;
+        }
+
+        &:last-child {
+          border-start-end-radius: 2px;
+          border-end-end-radius: 2px;
+        }
+      }
+    }
+  }
+
+  .chartBodyContent {
+    position: relative;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    min-height: 300px;
+  }
+}
+
+.echarts {
+  position: relative;
+  flex: 1;
+}
+
+.tooltip {
+  position: relative;
+  min-width: 200px;
+  padding: 10px 0 0 10px;
+  box-shadow: rgb(71 71 71 / 10%) 0 2px 12px 0;
+
+  .title {
+    position: relative;
+    z-index: 2;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    color: #333;
+    font-weight: 600;
+    font-size: 12px;
+  }
+
+  .content {
+    position: relative;
+    max-height: 200px;
+    overflow-y: auto;
+
+    .item {
+      position: relative;
+      display: flex;
+      align-items: center;
+      height: 20px;
+      margin-bottom: 5px;
+      padding: 0 0 0 10px;
+      padding-right: 10px;
+      color: #666;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 20px;
+      border-radius: 4px;
+
+      .point {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 13px;
+        height: 2px;
+        margin-right: 10px;
+        border-top-width: 2px;
+
+        &.pointBar {
+          width: 10px;
+          height: 10px;
+          border-radius: 2px;
+        }
+      }
+
+      .category {
+        margin-right: 20px;
+        white-space: nowrap;
+      }
+
+      .value {
+        flex: 1;
+        color: #333;
+        text-align: right;
+      }
+    }
+  }
+}
+
+.pieLegend {
+  position: relative;
+  width: 100%;
+  height: 100%;
+
+  .pieSlider {
+    width: 100%;
+    overflow: hidden;
+  }
+
+  :global {
+    .swiper-button-prev::after,
+    .swiper-button-next::after {
+      font-size: 30px !important;
+    }
+  }
+}
+
+.empty {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+
+.percentRadio {
+  position: relative;
+  margin-left: auto;
+
+  .radioButton {
+    position: relative;
+
+    &:first-child {
+      border-start-start-radius: 2px;
+      border-end-start-radius: 2px;
+    }
+
+    &:last-child {
+      border-start-end-radius: 2px;
+      border-end-end-radius: 2px;
+    }
+  }
+}

package/dist/es/business/YkCharts/tooltip.less

@@ -0,0 +1,92 @@
+@import './variables.less';
+
+.g2-tooltip {
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+.yk-charts-tooltip {
+  position: relative;
+  margin-bottom: 0;
+  padding: 15px 20px 5px 15px;
+  border: none;
+  box-shadow: rgb(71 71 71 / 10%) 0 2px 12px 0;
+
+  .ant-card-body {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    padding: 0;
+  }
+
+  .yk-charts-tooltip-title {
+    margin-bottom: 10px;
+    color: #333;
+    font-weight: 600;
+    font-size: 12px;
+    font-family: @ykFontFamilyMedium;
+  }
+
+  .yk-charts-tooltip-box {
+    margin-bottom: 5px;
+
+    .yk-charts-tooltip-item {
+      position: relative;
+      display: flex;
+      align-items: center;
+      height: 20px;
+      margin-bottom: 5px;
+      padding: 0 0 0 10px;
+      color: #666;
+      font-weight: 400;
+      font-size: 12px;
+      font-family: @ykFontFamilyRegular;
+      line-height: 20px;
+      border-radius: 4px;
+
+      .item-point {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 13px;
+        height: 1px;
+        margin-right: 10px;
+        border-top-width: 2px;
+
+        &-svg {
+          width: 14px;
+          height: 5px;
+          margin-right: 10px;
+        }
+      }
+
+      .item-square {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 10px;
+        height: 10px;
+        margin-right: 10px;
+        background-size: 5px 5px !important;
+        border-top-width: 2px;
+      }
+
+      .item-key {
+        margin-right: 5px;
+      }
+
+      .item-category {
+        margin-right: 30px;
+        white-space: nowrap;
+      }
+
+      .item-value {
+        flex: 1;
+        text-align: right;
+      }
+    }
+  }
+}

package/dist/es/business/YkCharts/transformData.js

@@ -0,0 +1,16 @@
+// src/business/YkCharts/transformData.js
+var transformBaseToSeries = (baseData) => {
+  const intervals = Object.keys(baseData[0]).filter((key) => key !== "数据日期" && key !== "设备数");
+  return intervals.map((interval) => ({
+    name: interval,
+    type: "line",
+    smooth: true,
+    areaStyle: {},
+    showSymbol: false,
+    data: baseData.map((item) => item[interval])
+  }));
+};
+export {
+  transformBaseToSeries
+};
+//# sourceMappingURL=transformData.js.map

package/dist/es/business/YkCharts/transformData.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/transformData.js"],
+  "sourcesContent": ["/**\n * 将base数据转换为series格式\n * @param {Array} baseData - 原始数据数组\n * @returns {Array} - 转换后的series数据\n */\nexport const transformBaseToSeries = (baseData) => {\n  // 获取所有区间名称（排除数据日期和设备数字段）\n  const intervals = Object.keys(baseData[0]).filter((key) => key !== '数据日期' && key !== '设备数');\n\n  // 为每个区间创建series对象\n  return intervals.map((interval) => ({\n    name: interval,\n    type: 'line',\n    smooth: true,\n    areaStyle: {},\n    showSymbol: false,\n    data: baseData.map((item) => item[interval]),\n  }));\n};\n"],
+  "mappings": ";AAKO,IAAM,wBAAwB,CAAC,aAAa;AAEjD,QAAM,YAAY,OAAO,KAAK,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,QAAQ,UAAU,QAAQ,KAAK;AAG1F,SAAO,UAAU,IAAI,CAAC,cAAc;AAAA,IAClC,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW,CAAC;AAAA,IACZ,YAAY;AAAA,IACZ,MAAM,SAAS,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;AAAA,EAC7C,EAAE;AACJ;",
+  "names": []
+}

package/dist/es/business/YkCharts/typing.d.ts

@@ -0,0 +1,74 @@
+export type GroupByItem = {
+    key: string;
+    options: string[];
+    selected: string[];
+};
+export type Format = 'integer' | 'string' | 'datetime' | 'decimal' | 'percent' | 'currency';
+export type ColumnConfig = {
+    width?: number;
+    tooltip?: string;
+    sortable?: 'number' | 'string';
+    fixed?: 'left' | 'right';
+    hide_compare?: boolean;
+    align?: 'left' | 'right' | 'center';
+    name_group?: string;
+    format?: Format;
+    is_heatmap?: boolean;
+    sort_order?: 'ascend' | 'descend';
+    is_heap?: boolean;
+    hidden?: boolean;
+    resize?: boolean;
+    disable_sort?: boolean;
+    sort_method?: 'number' | 'string' | '';
+    show_icon?: boolean;
+    titletip?: string;
+    tip_id?: string | string;
+    type?: 'string' | 'numeric' | 'date' | 'boolean' | 'number';
+};
+type Compare = {
+    end: string;
+    start: string;
+    value: number | null;
+    label: string;
+    time: string;
+};
+type KpiData = {
+    huan_bi: Compare;
+    tong_bi: Compare;
+    last: Compare;
+};
+export type TableData = {
+    ds_id: number;
+    metric: string[];
+    group_by: string[] | null;
+    chart_types: string[];
+    column_config: ColumnConfig[];
+    x: string[];
+    x_field: string;
+    table_summary: (string | number)[];
+    table_body: (string | number | boolean)[][];
+    table_head: string[];
+    kpi_data?: KpiData;
+    last_refresh_time?: string;
+    total_column?: string;
+    duration_ms?: number;
+    debug_sql?: string;
+    meta_data?: SqlMetaConfig[];
+};
+export type SqlFormatType = 'normal' | 'number' | 'percent' | 'currency';
+export type SqlFormat = {
+    type: SqlFormatType;
+    decimals: number;
+    thousand_separator: boolean;
+    unit: number;
+    prefix?: string;
+    suffix?: string;
+};
+export type SqlMetaConfig = {
+    show: boolean;
+    field: string;
+    display_name: string;
+    is_numeric: boolean;
+    format: SqlFormat;
+};
+export {};

package/dist/es/business/YkCharts/typing.js

@@ -0,0 +1 @@
+//# sourceMappingURL=typing.js.map

package/dist/es/business/YkCharts/typing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/es/business/YkCharts/utils.d.ts

@@ -0,0 +1,4 @@
+import type { Format, SqlFormat } from './typing';
+export declare const formatValue: (value: string | number, format: Format | undefined | null) => string;
+export declare function formatNumber(num: number | string, isInteger?: boolean): [string, string];
+export declare function sqlFormat(value: string | number | boolean, format: SqlFormat | undefined | null): string;

package/dist/es/business/YkCharts/utils.js

@@ -0,0 +1,109 @@
+var __pow = Math.pow;
+
+// src/business/YkCharts/utils.ts
+import Decimal from "decimal.js";
+var formatValue = (value, format) => {
+  if (value === null || value === void 0 || value === "-") {
+    return "-";
+  }
+  if (!format || format === null) {
+    return value.toString();
+  }
+  const numValue = Number(value);
+  if (format === "percent") {
+    return new Decimal(numValue).mul(100).toFixed(2) + "%";
+  }
+  if (format === "decimal") {
+    return new Decimal(numValue).toFixed(2);
+  }
+  if (format === "integer") {
+    return new Intl.NumberFormat().format(numValue);
+  }
+  return numValue.toString();
+};
+function formatNumber(num, isInteger = false) {
+  const numberValue = typeof num === "string" ? parseFloat(num) : num;
+  if (Number.isNaN(numberValue)) {
+    return [(num == null ? void 0 : num.toString()) || "", ""];
+  }
+  let result = "";
+  let unit = "";
+  function setFixed(v, dot) {
+    const multiplier = __pow(10, dot);
+    return Math.floor(v * multiplier) / multiplier;
+  }
+  if (numberValue < 1e3) {
+    result = new Decimal(numberValue).toFixed(1);
+  } else if (numberValue < 1e4) {
+    result = numberValue.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 0 : 1,
+      maximumFractionDigits: isInteger ? 0 : 1
+    });
+  } else if (numberValue < 1e8) {
+    const v = setFixed(numberValue / 1e4, 2);
+    result = v.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 1 : 2,
+      maximumFractionDigits: isInteger ? 1 : 2
+    });
+    unit = " 万";
+  } else {
+    const v = setFixed(numberValue / 1e8, 2);
+    result = v.toLocaleString("en-US", {
+      minimumFractionDigits: isInteger ? 1 : 2,
+      maximumFractionDigits: isInteger ? 1 : 2
+    });
+    unit = " 亿";
+  }
+  if (isInteger) {
+    result = result.replace(/\.0+(?=\D*$)/, "");
+  }
+  return [result, unit];
+}
+function sqlFormat(value, format) {
+  if (value === null || value === void 0 || value === "-") {
+    return "-";
+  }
+  if (!format) {
+    return value == null ? void 0 : value.toString();
+  }
+  if (typeof value === "boolean") {
+    return value == null ? void 0 : value.toString();
+  }
+  const { type, decimals = 0, thousand_separator = true, unit = 0, prefix = "", suffix = "" } = format;
+  switch (type) {
+    case "number": {
+      let result;
+      if (thousand_separator) {
+        result = value ? value == null ? void 0 : value.toLocaleString("en-US", {
+          minimumFractionDigits: decimals,
+          maximumFractionDigits: decimals
+        }) : "0";
+      } else {
+        result = new Decimal(value || 0).toFixed(decimals);
+      }
+      return `${prefix}${result}${suffix}`;
+    }
+    case "percent": {
+      const result = new Decimal(value || 0).mul(100).toFixed(decimals) + "%";
+      return `${prefix}${result}${suffix}`;
+    }
+    case "currency": {
+      const numericValue = new Decimal(value || 0).div(__pow(10, unit)).toNumber();
+      const unitValue = numericValue.toLocaleString("en-US", {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+      });
+      const unitLabel = unit === 0 ? "" : unit === 4 ? "万" : unit === 8 ? "亿" : "";
+      return `${prefix}${unitValue}${unitLabel}${suffix}`;
+    }
+    case "normal":
+    default:
+      return (value == null ? void 0 : value.toString()) || "-";
+  }
+}
+export {
+  formatNumber,
+  formatValue,
+  sqlFormat
+};
+//# sourceMappingURL=utils.js.map

package/dist/es/business/YkCharts/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/utils.ts"],
+  "sourcesContent": ["import Decimal from 'decimal.js';\nimport type { Format, SqlFormat } from './typing';\n\nexport const formatValue = (value: string | number, format: Format | undefined | null): string => {\n  if (value === null || value === undefined || value === '-') {\n    return '-';\n  }\n  if (!format || format === null) {\n    return value.toString();\n  }\n  const numValue = Number(value);\n  if (format === 'percent') {\n    return new Decimal(numValue).mul(100).toFixed(2) + '%';\n  }\n  if (format === 'decimal') {\n    return new Decimal(numValue).toFixed(2);\n  }\n  if (format === 'integer') {\n    return new Intl.NumberFormat().format(numValue);\n  }\n  return numValue.toString();\n};\n\nexport function formatNumber(num: number | string, isInteger: boolean = false): [string, string] {\n  const numberValue = typeof num === 'string' ? parseFloat(num) : num;\n  if (Number.isNaN(numberValue)) {\n    return [num?.toString() || '', ''];\n  }\n  let result: string = '';\n  let unit: string = '';\n  function setFixed(v: number, dot: number) {\n    const multiplier = 10 ** dot;\n    return Math.floor(v * multiplier) / multiplier;\n  }\n  if (numberValue < 1000) {\n    result = new Decimal(numberValue).toFixed(1);\n  } else if (numberValue < 10000) {\n    result = numberValue.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 0 : 1,\n      maximumFractionDigits: isInteger ? 0 : 1,\n    });\n  } else if (numberValue < 100000000) {\n    const v = setFixed(numberValue / 10000, 2);\n    result = v.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 1 : 2,\n      maximumFractionDigits: isInteger ? 1 : 2,\n    });\n    unit = ' 万';\n  } else {\n    const v = setFixed(numberValue / 100000000, 2);\n    result = v.toLocaleString('en-US', {\n      minimumFractionDigits: isInteger ? 1 : 2,\n      maximumFractionDigits: isInteger ? 1 : 2,\n    });\n    unit = ' 亿';\n  }\n  if (isInteger) {\n    result = result.replace(/\\.0+(?=\\D*$)/, '');\n  }\n  return [result, unit];\n}\n\nexport function sqlFormat(value: string | number | boolean, format: SqlFormat | undefined | null): string {\n  if (value === null || value === undefined || value === '-') {\n    return '-';\n  }\n  if (!format) {\n    return value?.toString();\n  }\n  if (typeof value === 'boolean') {\n    return value?.toString();\n  }\n  const { type, decimals = 0, thousand_separator = true, unit = 0, prefix = '', suffix = '' } = format;\n  switch (type) {\n    case 'number': {\n      let result: string;\n      if (thousand_separator) {\n        result = value\n          ? value?.toLocaleString('en-US', {\n              minimumFractionDigits: decimals,\n              maximumFractionDigits: decimals,\n            })\n          : '0';\n      } else {\n        result = new Decimal(value || 0).toFixed(decimals);\n      }\n      return `${prefix}${result}${suffix}`;\n    }\n    case 'percent': {\n      const result = new Decimal(value || 0).mul(100).toFixed(decimals) + '%';\n      return `${prefix}${result}${suffix}`;\n    }\n    case 'currency': {\n      const numericValue = new Decimal(value || 0).div(10 ** unit).toNumber();\n      const unitValue = numericValue.toLocaleString('en-US', {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n      });\n      const unitLabel = unit === 0 ? '' : unit === 4 ? '万' : unit === 8 ? '亿' : '';\n      return `${prefix}${unitValue}${unitLabel}${suffix}`;\n    }\n    case 'normal':\n    default:\n      return value?.toString() || '-';\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/es/business/YkCharts/variables.less

@@ -0,0 +1,13 @@
+@primaryColor: #3b86f9;
+@iconPrimaryColor: #0a6bfd;
+@fontPrimaryColor: #0a6bfd;
+@borderPrimaryColor: #b0cffe;
+@globalBgColor: #edeff4;
+
+@ykFontFamilySemibold: 'PingFangSC-Semibold', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyRegular: 'PingFangSC-Regular', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+@ykFontFamilyMedium: 'PingFangSC-Medium', 'PingFang SC', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+  sans-serif;
+

package/dist/es/business/YkLoginModule/SmsLoginForm.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type SmsLoginFormApi = {
+    sendSms: (payload: Record<string, unknown>) => Promise<{
+        code: number;
+        msg: string;
+    }>;
+};
+declare global {
+    interface Window {
+        sliderVerify: (element: 'pop' | HTMLElement, success: (res: {
+            token: string;
+            captchaVerification: string;
+        }) => void, options: {
+            appKey: string;
+            locale?: string;
+        }) => void;
+    }
+}
+export type SmsLoginFormProps = {
+    inputClassName: string;
+    api: SmsLoginFormApi;
+    appKey: string;
+};
+declare const SmsLogin: React.FC<SmsLoginFormProps>;
+export default SmsLogin;