@rainbow-oh/yee-c 0.2.0 → 0.4.0

package/src/Tree/demo/checkable.tsx

@@ -7,29 +7,29 @@ export default () => {
   const treeData = [
     {
       label: 'parent 1',
-      key: '0-0',
+      key: 1,
       children: [
         {
           label: 'parent 1-0',
-          key: '0-0-0',
+          key: 10,
           children: [
             {
               label: 'leaf',
-              key: '0-0-0-0',
+              key: 100,
             },
             {
               label: 'leaf',
-              key: '0-0-0-1',
+              key: 101,
             },
           ],
         },
         {
           label: 'parent 1-1',
-          key: '0-0-1',
+          key: 20,
           children: [
             {
               label: 'leaf',
-              key: '0-0-1-0',
+              key: 201,
             },
           ],
         },

package/src/index.ts

@@ -53,6 +53,9 @@ export * from './Radio';
 export { default as Radio } from './Radio';
 export * from './Select';
 export { default as Select } from './Select';
+
+export * from './Segmented';
+export { default as Segmented } from './Segmented';
 export * from './Skeleton';
 export { default as Skeleton } from './Skeleton';
 export * from './Space';
@@ -99,6 +102,9 @@ export { default as Steps } from './Steps';
 export * from './Tooltip';
 export { default as Tooltip } from './Tooltip';
 
+export * from './Tour';
+export { default as Tour } from './Tour';
+
 export * from './Table';
 export { default as Table } from './Table';
 

package/src/locale/interface.ts

@@ -109,6 +109,14 @@ export interface LocaleForm {
   defaultValidateMessage?: string; // "Invalid format"
 }
 
+// Tour component
+export interface LocaleTour {
+  previous: string; // "Previous"
+  next: string; // "Next"
+  finish: string; // "Finish"
+  skip: string; // "Skip"
+}
+
 export interface Locale {
   locale: string;
   global: LocaleGlobal;
@@ -125,6 +133,7 @@ export interface Locale {
   popconfirm: LocalePopconfirm;
   qrcode: LocaleQRCode;
   form: LocaleForm;
+  tour: LocaleTour;
 }
 
 // ============ Translation key type inference ============

package/src/locale/lang/en_US.ts

@@ -116,6 +116,13 @@ const locale: Locale = {
     cancelText: 'Cancel',
   },
 
+  tour: {
+    previous: 'Previous',
+    next: 'Next',
+    finish: 'Finish',
+    skip: 'Skip',
+  },
+
   popconfirm: {
     okText: 'OK',
     cancelText: 'Cancel',

package/src/locale/lang/ja_JP.ts

@@ -117,6 +117,13 @@ const locale: Locale = {
     cancelText: 'キャンセル',
   },
 
+  tour: {
+    previous: '前へ',
+    next: '次へ',
+    finish: '完了',
+    skip: 'スキップ',
+  },
+
   popconfirm: {
     okText: 'OK',
     cancelText: 'キャンセル',

package/src/locale/lang/zh_CN.ts

@@ -107,6 +107,13 @@ const locale: Locale = {
     cancelText: '取消',
   },
 
+  tour: {
+    previous: '上一步',
+    next: '下一步',
+    finish: '完成',
+    skip: '跳过',
+  },
+
   popconfirm: {
     okText: '确定',
     cancelText: '取消',

package/src/locale/lang/zh_TW.ts

@@ -107,6 +107,13 @@ const locale: Locale = {
     cancelText: '取消',
   },
 
+  tour: {
+    previous: '上一步',
+    next: '下一步',
+    finish: '完成',
+    skip: '跳過',
+  },
+
   popconfirm: {
     okText: '確定',
     cancelText: '取消',

package/src/style/color.blue.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #7c7c7c;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #f58220;
-  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-text-color-auxiliary: #f5f5f5;
   --yee-color-split: #e7e7e7;
   --yee-border-color: #cbd6e2;
   --yee-border-color-hover-focus: #75b9f0;

package/src/style/color.crimson.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #8d8d8d;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #bc463e;
-  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-text-color-auxiliary: #f5f5f5;
   --yee-color-split: #eeeeee;
   --yee-border-color: #cccccc;
   --yee-border-color-hover-focus: #7aadc2;

package/src/style/color.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #7c7c7c;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #f58220;
-  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-text-color-auxiliary: #f5f5f5;
   --yee-color-split: #e7e7e7;
   --yee-border-color: #cbd6e2;
   --yee-border-color-hover-focus: #75b9f0;
@@ -57,7 +57,7 @@
 
   /* --global-- */
   --yee-global-font-color: var(--yee-text-color);
-  --yee-placeholder-color: var(--yee-text-color-auxiliary);
+  --yee-placeholder-color: var(--yee-text-color-secondary);
   --yee-title-prefix-bg-color: var(--yee-primary-color);
   --yee-remove-icon: var(--yee-text-color-auxiliary);
   --yee-remove-icon-hover: var(--yee-text-color-auxiliary);
@@ -264,8 +264,8 @@
   --yee-menu-item-hover-color: var(--yee-color-option-hover);
   --yee-menu-item-selected-color: var(--yee-color-option-active);
   --yee-menu-item-selected-bg-color: var(--yee-color-option-active-bg);
-  --yee-menu-item-arrow-color: var(--yee-text-color-auxiliary);
-  --yee-menu-item-arrow-hover-color: var(--yee-text-color-auxiliary);
+  --yee-menu-item-arrow-color: var(--yee-text-color);
+  --yee-menu-item-arrow-hover-color: var(--yee-text-color-secondary);
   --yee-menu-item-arrow-selected-color: var(--yee-primary-color);
   --yee-menu-item-bg-color: #fff;
   --yee-menu-item-title-bg-color: #f0f0f0;
@@ -598,6 +598,15 @@
   --yee-select-multi-disabled-tag-border-color: var(--yee-color-split);
   --yee-select-multi-disabled-tag-bg-color: var(--yee-color-split);
 
+  /* --Segmented-- */
+  --yee-segmented-bg-color: var(--yee-color-bg-layout);
+  --yee-segmented-item-color: var(--yee-text-color);
+  --yee-segmented-item-hover-color: var(--yee-primary-color);
+  --yee-segmented-item-selected-color: var(--yee-text-color);
+  --yee-segmented-item-disabled-color: var(--yee-text-color-disabled);
+  --yee-segmented-thumb-bg-color: var(--yee-color-bg-container);
+  --yee-segmented-thumb-box-shadow: 0 2px 8px var(--yee-box-shadow-color);
+
   /* --Slider-- */
   --yee-slider-track-bg-color: var(--yee-primary-color);
   --yee-slider-track-bg-hover-color: var(--yee-primary-color-hover);
@@ -954,6 +963,14 @@
   --yee-tooltip-error-color: #fff;
   --yee-tooltip-error-bg-color: var(--yee-error-color);
 
+  /* --Tour-- */
+  --yee-tour-mask-color: rgba(0, 0, 0, 45%);
+  --yee-tour-content-bg-color: var(--yee-color-bg-container);
+  --yee-tour-content-box-shadow: 0 6px 16px var(--yee-box-shadow-color);
+  --yee-tour-close-color: var(--yee-text-color);
+  --yee-tour-title-color: var(--yee-text-color);
+  --yee-tour-description-color: var(--yee-text-color-description);
+
   /* --Tree-- */
   --yee-tree-node-text-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-tree-node-text-hover-color: var(--yee-color-option-hover);

package/src/style/size.css

@@ -418,6 +418,10 @@
   --yee-radio-inner-border-width: 1px;
   --yee-radio-inner-after-width: 10px;
   --yee-radio-inner-after-height: 10px;
+  --yee-radio-font-small-size: 12px;
+  --yee-radio-small-padding: 2px;
+  --yee-radio-font-large-size: 16px;
+  --yee-radio-large-padding: 6px;
 
   /* --Rate-- */
   --yee-rate-star-width: 24px;
@@ -493,6 +497,20 @@
   --yee-skeleton-active-translate-start: -37.5%;
   --yee-skeleton-active-translate-end: 37.5%;
 
+  /* --Segmented-- */
+  --yee-segmented-padding: 2px;
+  --yee-segmented-border-radius: 8px;
+  --yee-segmented-item-padding: 4px 12px;
+  --yee-segmented-item-border-radius: 6px;
+  --yee-segmented-item-gap: 6px;
+  --yee-segmented-font-size: 14px;
+  --yee-segmented-item-small-padding: 2px 8px;
+  --yee-segmented-font-small-size: 12px;
+  --yee-segmented-item-large-padding: 6px 16px;
+  --yee-segmented-font-large-size: 16px;
+  --yee-segmented-thumb-border-radius: 6px;
+  --yee-segmented-transition-duration: 0.2s;
+
   /* --Slider-- */
   --yee-slider-height: 12px;
   --yee-slider-padding: 4px 0;
@@ -783,6 +801,26 @@
   --yee-tooltip-arrow-translate-y: 50%;
   --yee-tooltip-arrow-rotate: -135deg;
 
+  /* --Tour-- */
+  --yee-tour-mask-z-index: var(--yee-z-index-mask);
+  --yee-tour-content-width: 400px;
+  --yee-tour-content-padding: 16px;
+  --yee-tour-content-border-radius: 8px;
+  --yee-tour-highlight-border-radius: 6px;
+  --yee-tour-close-top: 12px;
+  --yee-tour-close-right: 12px;
+  --yee-tour-close-size: 20px;
+  --yee-tour-header-margin-bottom: 8px;
+  --yee-tour-title-font-size: 16px;
+  --yee-tour-title-font-weight: 600;
+  --yee-tour-title-line-height: 24px;
+  --yee-tour-description-font-size: 14px;
+  --yee-tour-description-line-height: 22px;
+  --yee-tour-footer-margin-top: 16px;
+  --yee-tour-indicator-gap: 6px;
+  --yee-tour-button-gap: 8px;
+  --yee-tour-transition-duration: 0.2s;
+
   /* --Tree-- */
   --yee-tree-node-height: 32px;
   --yee-tree-node-expand-icon-margin-left: 4px;

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.2.0";
+export const version = "0.4.0";
 
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;

package/dist/cjs/utils/x.d.ts

@@ -1,11 +0,0 @@
-declare class Constanter {
-    private constants;
-    init(constants: Record<string, any>): void;
-    set(key: string, value: any): void;
-    get(key: string): any;
-    getAll(): Record<string, any>;
-    remove(key: string): any;
-    removeAll(): void;
-}
-declare const constanter: Constanter;
-export default constanter;

package/dist/cjs/utils/x.js

@@ -1,51 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/utils/x.ts
-var x_exports = {};
-__export(x_exports, {
-  default: () => x_default
-});
-module.exports = __toCommonJS(x_exports);
-var Constanter = class {
-  constructor() {
-    this.constants = {};
-  }
-  init(constants) {
-    this.constants = constants;
-  }
-  set(key, value) {
-    this.constants[key] = value;
-  }
-  get(key) {
-    return this.constants[key];
-  }
-  getAll() {
-    return this.constants;
-  }
-  remove(key) {
-    const del = this.constants[key];
-    delete this.constants[key];
-    return del;
-  }
-  removeAll() {
-    this.constants = {};
-  }
-};
-var constanter = new Constanter();
-var x_default = constanter;

package/dist/esm/utils/x.d.ts

@@ -1,11 +0,0 @@
-declare class Constanter {
-    private constants;
-    init(constants: Record<string, any>): void;
-    set(key: string, value: any): void;
-    get(key: string): any;
-    getAll(): Record<string, any>;
-    remove(key: string): any;
-    removeAll(): void;
-}
-declare const constanter: Constanter;
-export default constanter;

package/dist/esm/utils/x.js

@@ -1,49 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var Constanter = /*#__PURE__*/function () {
-  function Constanter() {
-    _classCallCheck(this, Constanter);
-    _defineProperty(this, "constants", {});
-  }
-  _createClass(Constanter, [{
-    key: "init",
-    value: function init(constants) {
-      this.constants = constants;
-    }
-  }, {
-    key: "set",
-    value: function set(key, value) {
-      this.constants[key] = value;
-    }
-  }, {
-    key: "get",
-    value: function get(key) {
-      return this.constants[key];
-    }
-  }, {
-    key: "getAll",
-    value: function getAll() {
-      return this.constants;
-    }
-  }, {
-    key: "remove",
-    value: function remove(key) {
-      var del = this.constants[key];
-      delete this.constants[key];
-      return del;
-    }
-  }, {
-    key: "removeAll",
-    value: function removeAll() {
-      this.constants = {};
-    }
-  }]);
-  return Constanter;
-}();
-var constanter = new Constanter();
-export default constanter;

package/src/utils/x.ts

@@ -1,33 +0,0 @@
-class Constanter {
-  private constants = {} as Record<string, any>;
-
-  init(constants: Record<string, any>) {
-    this.constants = constants;
-  }
-
-  set(key: string, value: any) {
-    this.constants[key] = value;
-  }
-
-  get(key: string) {
-    return this.constants[key];
-  }
-
-  getAll() {
-    return this.constants;
-  }
-
-  remove(key: string) {
-    const del = this.constants[key];
-    delete this.constants[key];
-    return del;
-  }
-
-  removeAll() {
-    this.constants = {};
-  }
-}
-
-const constanter = new Constanter();
-
-export default constanter;