@king-design/intact 2.0.0 → 2.0.3

package/es/site/src/pages/styles.js

@@ -4,8 +4,8 @@ import headerLogo2x from '../imgs/header_logo_x2.png';
 import { center } from '../styles/default';
 import { theme } from 'kpc/styles/theme';
 export function makeHeaderStyles() {
-  return /*#__PURE__*/css("&.k-layout-header{background:rgba(255, 255, 255, 0.65);box-shadow:0px 1px 4px 0px rgba(11, 11, 11, 0.2);color:#000;backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);justify-content:space-between;.logo{background-image:url(", headerLogo, ");width:182px;height:40px;background-size:cover;margin-left:22px;cursor:pointer;}@media screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-image:url(", headerLogo2x, ");}}.k-tabs{border:none;display:flex;align-items:center;}.k-tab{a{color:inherit;&:before{content:'';position:absolute;inset:0;}}}.lang-wrapper{height:100%;display:flex;align-items:center;}.lang-box{display:flex;background:#DFEAF2;border-radius:2px;padding:4px;&>div{color:#090909;width:66px;height:24px;border-radius:2px;line-height:24px;text-align:center;}&>div.active{background:#FFFFFF;color:#0191EA;}}.main{height:100%;display:flex;align-items:center;.k-tabs{margin-right:40px;.k-tab{color:#000000;}}.theme-color-box{font-size:14px;position:relative;width:100px;height:100%;display:flex;align-items:center;&:hover{background:#ffffff;&>div:first-child{background:#ffffff;}}&>div:first-child{position:absolute;left:-25px;display:flex;align-items:center;height:100%;padding-left:10px;}.cur-color{height:100%;", center(), ";flex-grow:1;}.theme-color-option{width:100%;position:absolute;left:0;top:65px;background:#ffffff;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);border-radius:4px;overflow:hidden;&>div{height:62px;", center(), ";}&>div:hover{background:#F8F8F8;}}.color-item{", center(), ";cursor:pointer;width:34px;height:34px;border-radius:50%;color:#ffffff;border:4px solid #FFFFFF;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);box-sizing:border-box;}.color-item:hover{box-shadow:0 0 16px rgba(0, 0, 0, .1);}}}.menu-btn{display:none;margin-right:20px;}@media (max-width: 768px){.logo{width:50px;}.k-tabs{display:none;}.menu-btn{display:block;}.nav-menu-list{width:100%;.active{color:", theme.color.primary, ";}}}}");
+  return /*#__PURE__*/css("&.k-layout-header{background:rgba(255, 255, 255, 0.65);box-shadow:0px 2px 10px 0px rgba(11, 11, 11, 0.05);color:#000;backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);justify-content:space-between;.logo{background-image:url(", headerLogo, ");width:226px;height:40px;background-size:cover;margin-left:22px;cursor:pointer;}@media screen and (-webkit-min-device-pixel-ratio: 2){.logo{background-image:url(", headerLogo2x, ");}}.k-tabs{border:none;display:flex;align-items:center;}.k-tab{a{color:inherit;&:before{content:'';position:absolute;inset:0;}}}.k-select.versions{background:transparent;}.lang-wrapper{height:100%;display:flex;align-items:center;}.lang-box{display:flex;background:#DFEAF2;border-radius:2px;padding:4px;&>div{color:#090909;width:66px;height:24px;border-radius:2px;line-height:24px;text-align:center;}&>div.active{background:#FFFFFF;color:#0191EA;}}.main{height:100%;display:flex;align-items:center;.k-tabs{margin-right:40px;.k-tab{color:#000000;}}.theme-color-box{font-size:14px;position:relative;height:100%;display:flex;align-items:center;padding:0 16px;white-space:nowrap;&:hover{background:#ffffff;&>div:first-child{background:#ffffff;}}&>div:first-child{display:flex;align-items:center;height:100%;padding-right:10px;}.cur-color{height:100%;", center(), ";flex-grow:1;}.theme-color-option{width:100%;position:absolute;left:0;top:65px;background:#ffffff;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);border-radius:4px;overflow:hidden;&>div{height:62px;", center(), ";}&>div:hover{background:#F8F8F8;}}.color-item{", center(), ";cursor:pointer;width:34px;height:34px;border-radius:50%;color:#ffffff;border:4px solid #FFFFFF;box-shadow:0px 4px 20px rgba(108, 103, 103, 0.25);box-sizing:border-box;}.color-item:hover{box-shadow:0 0 16px rgba(0, 0, 0, .1);}}}.menu-btn{display:none;margin-right:20px;}@media (max-width: 768px){.logo{width:50px;}.k-tabs{display:none;}.menu-btn{display:block;}.nav-menu-list{width:100%;.active{color:", theme.color.primary, ";}}}}");
 }
 export function makeLayoutStyles() {
-  return /*#__PURE__*/css("a,a code{color:", theme.color.link, ";text-decoration:none;&:hover{color:", theme.color.linkHover, ";}}");
+  return /*#__PURE__*/css("min-width:1240px;a,a code{color:", theme.color.link, ";text-decoration:none;&:hover{color:", theme.color.linkHover, ";}}@media (max-width: 768px){min-width:auto;}");
 }

package/es/site/src/router/index.js

@@ -275,7 +275,7 @@ export default new Router({
       return action;
     }()
   }, {
-    path: '/demo\/(.*)/',
+    path: '/font',
     action: function () {
       var _action7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(context) {
         return _regeneratorRuntime.wrap(function _callee8$(_context8) {
@@ -283,7 +283,7 @@ export default new Router({
             switch (_context8.prev = _context8.next) {
               case 0:
                 _context8.next = 2;
-                return import('../pages/demo');
+                return import("../pages/font/index");
 
               case 2:
                 _context8.t0 = _context8.sent.default;
@@ -310,8 +310,7 @@ export default new Router({
       return action;
     }()
   }, {
-    path: /(.*)/,
-    name: 'otherwise',
+    path: '/colorProcess',
     action: function () {
       var _action8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(context) {
         return _regeneratorRuntime.wrap(function _callee9$(_context9) {
@@ -319,7 +318,7 @@ export default new Router({
             switch (_context9.prev = _context9.next) {
               case 0:
                 _context9.next = 2;
-                return import('../pages/document');
+                return import("../pages/colorProcess/index");
 
               case 2:
                 _context9.t0 = _context9.sent.default;
@@ -343,6 +342,77 @@ export default new Router({
         return _action8.apply(this, arguments);
       }
 
+      return action;
+    }()
+  }, {
+    path: '/demo\/(.*)/',
+    action: function () {
+      var _action9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(context) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) {
+            switch (_context10.prev = _context10.next) {
+              case 0:
+                _context10.next = 2;
+                return import('../pages/demo');
+
+              case 2:
+                _context10.t0 = _context10.sent.default;
+                _context10.t1 = {
+                  path: context.params[0]
+                };
+                return _context10.abrupt("return", {
+                  Page: _context10.t0,
+                  data: _context10.t1
+                });
+
+              case 5:
+              case "end":
+                return _context10.stop();
+            }
+          }
+        }, _callee10);
+      }));
+
+      function action(_x8) {
+        return _action9.apply(this, arguments);
+      }
+
+      return action;
+    }()
+  }, {
+    path: /(.*)/,
+    name: 'otherwise',
+    action: function () {
+      var _action10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(context) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) {
+            switch (_context11.prev = _context11.next) {
+              case 0:
+                _context11.next = 2;
+                return import('../pages/document');
+
+              case 2:
+                _context11.t0 = _context11.sent.default;
+                _context11.t1 = {
+                  path: context.params[0]
+                };
+                return _context11.abrupt("return", {
+                  Page: _context11.t0,
+                  data: _context11.t1
+                });
+
+              case 5:
+              case "end":
+                return _context11.stop();
+            }
+          }
+        }, _callee11);
+      }));
+
+      function action(_x9) {
+        return _action10.apply(this, arguments);
+      }
+
       return action;
     }()
   }]

package/i18n/en-US.ts

@@ -27,6 +27,7 @@ const i18n = {
     '五': 'Fri',
     '六': 'Sat',
     '{n}年': '{n}',
+    '{start}年 - {end}年': '{start} - {end}',
     '今天': 'Today',
     '昨天': 'Yesterday',
     '明天': 'Tomorrow',

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.0
+ * @king-design v2.0.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -42,6 +42,7 @@ export * from './components/radio';
 export * from './components/rate';
 export * from './components/scrollSelect';
 export * from './components/select';
+export * from './components/skeleton';
 export * from './components/slider';
 export * from './components/spin';
 export * from './components/spinner';
@@ -61,6 +62,6 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
 
-export const version = '2.0.0';
+export const version = '2.0.3';
 
 /* generate end */

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@king-design/intact",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "scripts": {
     "test": "karma start test/karma.conf.js",
     "snapshots": "cross-env UPDATE=1 npm run test",
     "test:all": "lerna exec -- npm run test",
+    "test:react": "lerna exec --scope @king-design/react -- npm run test",
     "snapshots:all": "lerna exec -- npm run snapshots",
     "cover": "cross-env UPDATE=2 npm run test",
     "start": "node server.js",
@@ -113,7 +114,7 @@
     "highlight.js": "^10.4.1",
     "history": "^5.0.0",
     "html-webpack-plugin": "5.3.1",
-    "intact-react": "^3.0.0",
+    "intact-react": "^3.0.3",
     "istanbul-instrumenter-loader": "^3.0.0",
     "js-yaml": "^4.1.0",
     "karma": "^6.3.2",
@@ -130,7 +131,7 @@
     "ks3": "^0.5.2",
     "lerna": "^4.0.0",
     "marked": "^2.0.3",
-    "mermaid": "^8.3.1",
+    "mermaid": "^9.1.2",
     "mini-css-extract-plugin": "^1.6.0",
     "mocha": "^8.4.0",
     "monaco-editor-webpack-plugin": "^4.1.1",
@@ -175,7 +176,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.0",
+    "intact": "^3.0.5",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/es/components/cascader/index.d.ts

@@ -1,34 +0,0 @@
-import { TypeDefs } from 'intact';
-import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
-export interface CascaderProps<V = any, Multipe extends boolean = boolean> extends BaseSelectProps<V[], Multipe> {
-    data?: CascaderData<V>[];
-    trigger?: 'click' | 'hover';
-    changeOnSelect?: boolean;
-    format?: (labels: string[]) => string;
-    loadData?: (data: CascaderData<V>) => any;
-    filter?: (keywords: string, data: CascaderData<V>) => boolean;
-}
-export declare type CascaderData<V> = {
-    value: V;
-    label: string;
-    disabled?: boolean;
-    loaded?: boolean;
-    children?: CascaderData<V>[];
-};
-export interface CascaderEvents extends BaseSelectEvents {
-}
-export interface CascaderBlocks<V> extends BaseSelectBlocks<V> {
-}
-export declare class Cascader<V = any, Multipe extends boolean = false> extends BaseSelect<CascaderProps<V, Multipe>, CascaderEvents, CascaderBlocks<V>> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<CascaderProps<any, boolean>>>;
-    static defaults: () => Partial<CascaderProps<any, boolean>>;
-    private value;
-    private label;
-    private load;
-    private filterable;
-    private positionObj;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
-    protected getLabel(): import("intact").Children;
-    protected hasValue(): any;
-}

package/es/components/datepicker/index.d.ts

@@ -1,63 +0,0 @@
-import { TypeDefs } from 'intact';
-import dayjs from './dayjs';
-import { State } from '../../hooks/useState';
-import { Shortcut } from './shortcuts';
-import { BasePicker, BasePickerProps, BasePickerEvents, BasePickerBlocks, Value } from './basepicker';
-export * as shortcuts from './shortcuts';
-export interface DatepickerProps<V extends Value = Value, M extends boolean = boolean, R extends boolean = boolean> extends BasePickerProps<V extends string ? V : V | string, M, R> {
-    type?: 'date' | 'datetime' | 'year' | 'month';
-    shortcuts?: Shortcut[];
-}
-export interface DatepickerEvents extends BasePickerEvents {
-}
-export interface DatepickerBlocks<V extends Value = Value, R extends boolean = boolean> extends BasePickerBlocks<V, R> {
-}
-export declare class Datepicker<V extends Value = Value, M extends boolean = false, R extends boolean = false> extends BasePicker<DatepickerProps<V, M, R>, DatepickerEvents, DatepickerBlocks<V, R>> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<DatepickerProps<Value, boolean, boolean>>>;
-    static defaults: () => Partial<DatepickerProps<Value, boolean, boolean>>;
-    formats: {
-        getValueFormat: () => string;
-        getShowFormat: () => string;
-        createDateByValueFormat: (value: Value) => dayjs.Dayjs;
-        createDateByShowFormat: (value: string) => dayjs.Dayjs;
-        getShowString: (value: dayjs.Dayjs) => string;
-        getValueString: (value: dayjs.Dayjs) => string;
-    };
-    disabled: {
-        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
-        isDisabledTime: (value: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => boolean;
-        isDisabledConfirm: () => boolean;
-        maxDate: State<dayjs.Dayjs | null>;
-        minDate: State<dayjs.Dayjs | null>;
-    };
-    panel: {
-        startPanel: State<import("./usePanel").PanelTypes>;
-        endPanel: State<import("./usePanel").PanelTypes>;
-        changePanel: (type: import("./usePanel").PanelTypes, flag?: import("./usePanel").PanelFlags) => void;
-        getPanel: (flag: import("./usePanel").PanelFlags) => State<import("./usePanel").PanelTypes>;
-        reset: () => void;
-        startRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
-        endRef: import("intact").RefObject<import("./calendar").DatepickerCalendar>;
-    };
-    focusDate: {
-        focusDate: State<dayjs.Dayjs | null>;
-        reset: () => void;
-    };
-    value: {
-        format: () => string | string[];
-        onConfirm: () => void;
-        onChangeTime: (date: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
-        getTimeValue: (flag: import("./usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
-        convertToDayjs: (v: Value | [Value, Value] | Value[] | [Value, Value][] | null | undefined) => import("./basepicker").DayjsValue;
-        getDayjsValue: () => import("./basepicker").DayjsValue;
-        value: State<import("./basepicker").StateValue>;
-        setValue: (v: import("./basepicker").StateValueItem, fromInput: boolean) => void;
-        onChangeDate: (v: dayjs.Dayjs, flag: import("./usePanel").PanelFlags) => void;
-    };
-    init(): void;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
-    protected getLabel(): string | string[];
-    protected clear(e: MouseEvent): void;
-    private setByShortcut;
-}

package/es/components/select/select.d.ts

@@ -1,33 +0,0 @@
-import { Children, TypeDefs } from 'intact';
-import { Option } from './option';
-import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from './base';
-export interface SelectProps<T = string, Multipe extends boolean = boolean> extends BaseSelectProps<T, Multipe> {
-    filter?: (keywords: string, props: any) => boolean;
-    searchable?: boolean;
-    creatable?: boolean;
-    labelMap?: Map<any, Children>;
-    card?: boolean;
-    autoDisableArrow?: boolean;
-}
-export interface SelectEvents extends BaseSelectEvents {
-}
-export interface SelectBlocks<T> extends BaseSelectBlocks<T> {
-    menu: null;
-}
-export declare class Select<T = string, Multipe extends boolean = false> extends BaseSelect<SelectProps<T, Multipe>, SelectEvents, SelectBlocks<T>> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<SelectProps<string, boolean>>>;
-    static defaults: () => Partial<SelectProps<string, boolean>>;
-    filterable: {
-        getCreatedVNode: (children: (string | number | import("intact").VNode<import("intact").VNodeTag>)[]) => import("intact").VNode<typeof Option> | undefined;
-        filter: (children: Children) => Children;
-    };
-    label: {
-        getLabel: () => Children;
-        activeIndices: import("intact").NonNullableRefObject<number[]>;
-    };
-    init(): void;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
-    protected getLabel(): Children;
-    private getAllShowedValues;
-}

package/es/components/timepicker/panelPicker.d.ts

@@ -1,54 +0,0 @@
-import { TypeDefs } from 'intact';
-import { BasePicker } from '../datepicker/basepicker';
-import dayjs from '../datepicker/dayjs';
-import { State } from '../../hooks/useState';
-import { PanelTypes } from '../datepicker/usePanel';
-import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants';
-export declare class PanelPicker<Multipe extends boolean = false, Range extends boolean = false> extends BasePicker<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<TimepickerProps<boolean, boolean>>>;
-    formats: {
-        getValueFormat: () => string;
-        getShowFormat: () => string;
-        createDateByValueFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
-        createDateByShowFormat: (value: import("../datepicker/basepicker").Value) => dayjs.Dayjs;
-        getShowString: (value: dayjs.Dayjs) => string;
-        getValueString: (value: dayjs.Dayjs) => string;
-    };
-    disabled: {
-        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
-        isDisabledConfirm: () => boolean;
-        maxDate: State<dayjs.Dayjs | null>;
-        minDate: State<dayjs.Dayjs | null>;
-        isDisabledTime: (value: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
-        isDisabledTimeByStep: (value: string, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
-    };
-    panel: {
-        startPanel: State<PanelTypes>;
-        endPanel: State<PanelTypes>;
-        changePanel: (type: PanelTypes, flag?: import("../datepicker/usePanel").PanelFlags) => void;
-        getPanel: (flag: import("../datepicker/usePanel").PanelFlags) => State<PanelTypes>;
-        reset: () => void;
-        startRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
-        endRef: import("intact").RefObject<import("../datepicker/calendar").DatepickerCalendar>;
-    };
-    value: {
-        format: () => string | string[];
-        onConfirm: () => void;
-        getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
-        convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
-        value: State<import("../datepicker/basepicker").StateValue>;
-        setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
-        getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;
-        onChangeTime: (date: dayjs.Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => void;
-        onChangeTimeByStep: (v: string, flag: import("../datepicker/usePanel").PanelFlags) => void;
-    };
-    step: {
-        options: State<{
-            value: string;
-            label: string;
-        }[] | null>;
-    };
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | import("intact").Children[];
-    protected getLabel(): string | string[];
-}

package/es/components/treeSelect/index.d.ts

@@ -1,27 +0,0 @@
-import { TypeDefs, Children, Key } from 'intact';
-import { BaseSelect, BaseSelectProps, BaseSelectEvents, BaseSelectBlocks } from '../select/base';
-import { TreeProps } from '../tree';
-import type { DataItem } from '../tree/useNodes';
-export interface TreeSelectProps<K extends Key = Key, Multipe extends boolean = boolean, Checkbox extends boolean = boolean> extends BaseSelectProps<K, Multipe, Checkbox extends true ? K[] : K | null> {
-    data?: TreeProps<K>['data'];
-    uncorrelated?: boolean;
-    load?: TreeProps<K>['load'];
-    showLine?: boolean;
-    defaultExpandAll?: boolean;
-    checkbox?: Checkbox;
-    filter?: (keywords: string, data: DataItem<K>) => boolean;
-}
-export interface TreeSelectEvents extends BaseSelectEvents {
-}
-export interface TreeSelectBlocks<K> extends BaseSelectBlocks<K> {
-}
-export declare class TreeSelect<K extends Key = Key, Checkbox extends boolean = false, Multipe extends boolean = Checkbox extends true ? true : false> extends BaseSelect<TreeSelectProps<K, Multipe, Checkbox>, TreeSelectEvents, TreeSelectBlocks<K>> {
-    static template: string | import("intact").Template<any>;
-    static typeDefs: Required<TypeDefs<TreeSelectProps<Key, boolean, boolean>>>;
-    static defaults: () => Partial<TreeSelectProps<Key, boolean, boolean>>;
-    private value;
-    init(): void;
-    protected getPlaceholder(): string | number | boolean | import("misstime/dist/utils/types").VNode<any> | Children[];
-    protected getLabel(): Children;
-    private filter;
-}