@rainbow-oh/yee-c 0.1.0 → 0.3.0

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;
@@ -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

@@ -8,10 +8,17 @@
   --yee-z-index-message: 1100; /* L6 全局反馈 */
   --yee-z-index-max: 1110; /* L7 最顶层 */
 
+  /* common size */
+  --yee-popup-arrow-width: 8px;
+  --yee-popup-arrow-height: 8px;
+  --yee-popup-border-radius: 4px;
+  --yee-popup-arrow-translate-y: 50%;
+  --yee-popup-arrow-rotate: -135deg;
+
   /* --Alert-- */
   --yee-alert-close-top: 7px;
   --yee-alert-close-right: 11px;
-  --yee-alert-icon-margin-right: 6px;
+  --yee-alert-icon-margin-right: 12px;
   --yee-alert-title-font-size: 16px;
   --yee-alert-message-font-size: 14px;
   --yee-alert-banner-padding: 8px 12px;
@@ -26,7 +33,7 @@
   --yee-anchor-static-content-padding: 8px 0;
   --yee-anchor-static-item-active-width: 2px;
   --yee-anchor-static-item-active-height: 22px;
-  --yee-anchor-vertical-line-left: 4px;
+  --yee-anchor-vertical-line-left: 0;
   --yee-anchor-horizontal-item-padding: 6px 12px;
   --yee-anchor-nav-arrow-left: -8px;
   --yee-anchor-nav-arrow-height: 80px;
@@ -376,6 +383,8 @@
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
+  --yee-popover-arrow-width: var(--yee-popup-arrow-width);
+  --yee-popover-arrow-height: var(--yee-popup-arrow-height);
 
   /* --Progress-- */
   --yee-progress-text-width: 48px;
@@ -409,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;
@@ -484,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;
@@ -768,12 +795,32 @@
   --yee-tooltip-z-index: var(--yee-z-index-tooltip);
   --yee-tooltip-padding: 8px 12px;
   --yee-tooltip-border-radius: 4px;
-  --yee-tooltip-arrow-width: 8px;
-  --yee-tooltip-arrow-height: 8px;
+  --yee-tooltip-arrow-width: var(--yee-popup-arrow-width);
+  --yee-tooltip-arrow-height: var(--yee-popup-arrow-height);
   --yee-tooltip-arrow-border-radius: 0 0 2px 0;
   --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/utils/debounce.ts

@@ -1,4 +1,13 @@
-function debounce<T extends (...args: any[]) => any>(fn: T, delay: number) {
+type AnyFn = (...args: any[]) => any;
+
+export type Debounced<T extends AnyFn> = ((
+  ...args: Parameters<T>
+) => void) & {
+  /** Cancel any pending invocation. */
+  cancel: () => void;
+};
+
+function debounce<T extends AnyFn>(fn: T, delay: number): Debounced<T> {
   if (typeof fn !== 'function') {
     throw new Error('Expected fn to be a function');
   }
@@ -7,15 +16,25 @@ function debounce<T extends (...args: any[]) => any>(fn: T, delay: number) {
   }
 
   let timer: ReturnType<typeof setTimeout> | undefined = undefined;
-  return function (...args: Parameters<T>) {
+
+  const debounced = function (this: unknown, ...args: Parameters<T>) {
     if (timer !== undefined) {
       clearTimeout(timer);
     }
     timer = setTimeout(() => {
-      // @ts-ignore
+      timer = undefined;
       fn.apply(this, args);
     }, delay);
+  } as Debounced<T>;
+
+  debounced.cancel = () => {
+    if (timer !== undefined) {
+      clearTimeout(timer);
+      timer = undefined;
+    }
   };
+
+  return debounced;
 }
 
 export default debounce;

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.1.0";
+export const version = "0.3.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;