@dao-style/core 0.0.1-beta.7 → 0.1.0

package/dist/styles/color/var.scss

@@ -0,0 +1,121 @@
+/* DON'T MODIFY THIS FILE! */
+/* Auto generated css and scss from ./src/styles/color/var.json. */
+
+$dao-primary-blue-010: #0E2B58;
+$dao-primary-blue-020: #154184;
+$dao-primary-blue-030: #1B56B1;
+$dao-primary-blue-040: #226BDB;
+$dao-primary-blue-050: #3E85E2;
+$dao-primary-blue-060: #4E89E4;
+$dao-primary-blue-070: #7BA7EA;
+$dao-primary-blue-080: #A7C4F1;
+$dao-primary-blue-090: #E9F0FC;
+$dao-orange-010: #823108;
+$dao-orange-020: #B2430B;
+$dao-orange-030: #E2550E;
+$dao-orange-040: #F27131;
+$dao-orange-050: #F59260;
+$dao-orange-060: #F8B391;
+$dao-orange-070: #FBD4C1;
+$dao-orange-080: #FEF5F1;
+$dao-yellow-010: #885D07;
+$dao-yellow-020: #B87E0A;
+$dao-yellow-030: #E99F0C;
+$dao-yellow-040: #F4B434;
+$dao-yellow-050: #F7C664;
+$dao-yellow-060: #F9D894;
+$dao-yellow-070: #FCEAC5;
+$dao-yellow-080: #FEFBF5;
+$dao-green-010: #1A753E;
+$dao-green-020: #239F55;
+$dao-green-030: #2CC76A;
+$dao-green-040: #4FD886;
+$dao-green-050: #79E2A3;
+$dao-green-060: #A3EBC0;
+$dao-green-070: #CDF4DC;
+$dao-green-080: #F7FDF9;
+$dao-cyan-010: #146E80;
+$dao-cyan-020: #1B94AC;
+$dao-cyan-030: #21BAD9;
+$dao-cyan-040: #4ACAE3;
+$dao-cyan-050: #76D7EA;
+$dao-cyan-060: #A2E4F1;
+$dao-cyan-070: #CEF1F8;
+$dao-cyan-080: #F2FBFD;
+$dao-purple-010: #1E1977;
+$dao-purple-020: #2922A0;
+$dao-purple-030: #3529CC;
+$dao-purple-040: #584FDC;
+$dao-purple-050: #7F78E3;
+$dao-purple-060: #A7A2EC;
+$dao-purple-070: #CECCF5;
+$dao-purple-080: #F7F7FD;
+$dao-red-010: #5F0C0C;
+$dao-red-020: #8C1212;
+$dao-red-030: #B91818;
+$dao-red-040: #E22222;
+$dao-red-050: #E84F4F;
+$dao-red-060: #EE7C7C;
+$dao-red-070: #F4A9A9;
+$dao-red-080: #FDEDED;
+$dao-acidblue-100: #F4F9FC;
+$dao-acidblue-010: #0A4061;
+$dao-acidblue-020: #0F5F8F;
+$dao-acidblue-030: #137EBE;
+$dao-acidblue-040: #1E9CE8;
+$dao-acidblue-050: #43A1E5;
+$dao-acidblue-060: #4BB0ED;
+$dao-acidblue-070: #79C4F1;
+$dao-acidblue-080: #A7D8F6;
+$dao-acidblue-090: #ECF7FD;
+$dao-gray-blue-100: #F7F8FA;
+$dao-gray-blue-110: #F8FAFC;
+$dao-gray-blue-010: #101114;
+$dao-gray-blue-020: #3D444F;
+$dao-gray-blue-030: #80868E;
+$dao-gray-blue-040: #AAB0B8;
+$dao-gray-blue-050: #CBCFD8;
+$dao-gray-blue-060: #D6DBE6;
+$dao-gray-blue-070: #E4E7ED;
+$dao-gray-blue-075: #EAEDF3;
+$dao-gray-blue-080: #EEF1F5;
+$dao-gray-blue-090: #F1F3F6;
+$dao-gray-100: #BBBBBB;
+$dao-gray-110: #C7C7C7;
+$dao-gray-120: #CCCCCC;
+$dao-gray-130: #D2D2D2;
+$dao-gray-140: #DDDDDD;
+$dao-gray-150: #E2E2E2;
+$dao-gray-160: #EAEAEA;
+$dao-gray-170: #EEEEEE;
+$dao-gray-180: #F2F2F2;
+$dao-gray-190: #F9F9F9;
+$dao-gray-200: #FAFAFA;
+$dao-gray-010: #333333;
+$dao-gray-020: #4F4F4F;
+$dao-gray-030: #5c5c5c;
+$dao-gray-040: #666666;
+$dao-gray-050: #7F7F7F;
+$dao-gray-060: #888888;
+$dao-gray-070: #999999;
+$dao-gray-080: #A5A5A5;
+$dao-gray-090: #AFAFAF;
+$dao-navigation-100: #F6F8FB;
+$dao-navigation-010: #2C3037;
+$dao-navigation-020: #3B3F4A;
+$dao-navigation-030: #676B75;
+$dao-navigation-040: #878C98;
+$dao-navigation-050: #C5CAD8;
+$dao-navigation-060: #203548;
+$dao-navigation-070: #2975D2;
+$dao-navigation-080: #B6C2D2;
+$dao-navigation-090: #EAEEF5;
+$dao-pure-white: #FFFFFF;
+$dao-pure-black: #000000;
+$dao-line-gray-010: #C7D0DE;
+$dao-line-gray-020: #C8CCD0;
+$dao-line-gray-030: #DADBDE;
+$dao-line-gray-040: #EBEDF0;
+$dao-top-gray-010: #33363B;
+$dao-top-gray-020: #484E59;
+

package/dist/utils/assist.d.ts

@@ -3,5 +3,11 @@ declare function findComponentUpward(context: CII, componentName: string): CII;
 declare const getFirstValidNode: (nodes: VNodeChild, maxDepth?: number) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | undefined;
-export { getFirstValidNode };
+declare const getFocusElementRange: (elementNode: HTMLElement | null) => {
+    lastTab: HTMLElement | null;
+    firstTab: HTMLElement | null;
+    focusedElementOrigin: Element | null;
+};
+declare const trapTabKey: (e: KeyboardEvent, firstTab: HTMLElement, lastTab: HTMLElement) => void;
+export { getFirstValidNode, getFocusElementRange, trapTabKey, };
 export default findComponentUpward;

package/dist/utils/constant.d.ts

@@ -1,17 +1,21 @@
 import type { Placement } from '@popperjs/core';
-import type { Ref, InjectionKey, ComputedRef } from 'vue';
+import type { Ref, InjectionKey, ComputedRef, DeepReadonly } from 'vue';
 import type { AddTabFn, RemoveTabFn } from '../components/tabs/types';
 import type { NavProvide, NavSubProvide } from '../components/nav/types';
 import type { BreadcrumbProvide } from '../components/breadcrumb/breadcrumb-props';
+import { ExpansionName, ExpansionState } from '../components/expansion/props';
+import type { ModelValueAnyType } from '../components/checkbox/props';
 export declare const placements: Placement[];
 export declare const radioGroupKey: unique symbol;
 export declare const tabModelValueKey: InjectionKey<Ref<string>>;
 export declare const addTabFnKey: InjectionKey<AddTabFn>;
 export declare const removeTabFnKey: InjectionKey<RemoveTabFn>;
-export declare const checkboxGroupModelValueKey: InjectionKey<ComputedRef<unknown[] | Set<unknown>>>;
-export declare const checkboxUpdateGroupModelValueFnKey: InjectionKey<($event: unknown) => unknown>;
-export declare const checkboxGroupChangeFnKey: InjectionKey<(modelValue: unknown, event: Event) => void>;
+export declare const checkboxGroupModelValueKey: InjectionKey<DeepReadonly<ComputedRef<unknown[] | Set<unknown>>>>;
+export declare const checkboxUpdateGroupModelValueFnKey: InjectionKey<($event: ModelValueAnyType) => void>;
+export declare const checkboxGroupChangeFnKey: InjectionKey<(modelValue: ModelValueAnyType, event: Event) => void>;
 export declare const formLabelWidthKey: InjectionKey<string>;
 export declare const navRootKey: InjectionKey<NavProvide>;
 export declare const navSubKey: InjectionKey<NavSubProvide>;
 export declare const breadcrumbKey: InjectionKey<BreadcrumbProvide>;
+export declare const ToggleItemKey: InjectionKey<(name: ExpansionName) => void>;
+export declare const ExpansionStateKey: InjectionKey<ExpansionState>;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@dao-style/core",
-  "version": "0.0.1-beta.7",
+  "version": "0.1.0",
   "scripts": {
     "dev": "vite",
-    "build": "npm run typecheck && vite build && vue-tsc -d --emitDeclarationOnly && npm run build:dts",
+    "build": "node scripts/transform-variable.mjs --build && npm run typecheck && vite build && vue-tsc -d --emitDeclarationOnly && npm run build:dts",
     "serve": "vite preview --port 5050",
     "test": "jest src",
     "test:watch": "jest src --watch",
@@ -15,8 +15,8 @@
     "style:lint": "stylelint \"src/**/*.{vue,css,scss}\" --config .stylelintrc.js --fix",
     "lint": "npm run style:lint & npm run docs:lint & npm run typecheck & npm run eslint",
     "docs:lint": "prettier \"**/*.md\" --write",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
+    "docs:dev": "concurrently \"node scripts/transform-variable.mjs\" \"vitepress dev docs\"",
+    "docs:build": "node scripts/transform-variable.mjs --build && vitepress build docs",
     "docs:serve": "vitepress serve docs",
     "build:dts": "node scripts/gen-volar-dts.mjs"
   },
@@ -24,6 +24,7 @@
     "@popperjs/core": "^2.10.2"
   },
   "peerDependencies": {
+    "vue-i18n": "^9.1.10",
     "vue": "^3.2.14"
   },
   "devDependencies": {
@@ -34,9 +35,12 @@
     "@vitejs/plugin-vue": "^1.9.3",
     "@vue/test-utils": "^2.0.0-rc.15",
     "@vue/vue3-jest": "^27.0.0-alpha.1",
+    "@vueuse/core": "^8.2.5",
     "autoprefixer": "^10.3.7",
     "bumpp": "^7.1.1",
+    "chokidar": "^3.5.3",
     "clipboard-copy": "^4.0.1",
+    "concurrently": "^7.0.0",
     "eslint": "^7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "^8.3.0",
@@ -48,9 +52,14 @@
     "jest": "^27.2.5",
     "jest-environment-jsdom": "^27.2.5",
     "jest-junit": "^13.0.0",
+    "json5": "^2.2.0",
     "lint-staged": "^11.2.1",
+    "lodash.kebabcase": "^4.1.1",
+    "normalize.css": "^8.0.1",
     "postcss": "^8.3.9",
     "prettier": "^2.4.1",
+    "resize-observer-polyfill": "^1.5.1",
+    "rollup-plugin-copy": "^3.4.0",
     "sass": "^1.42.1",
     "stylelint": "^13.13.1",
     "stylelint-config-recess-order": "^2.5.0",

package/volar.d.ts

@@ -13,9 +13,13 @@ declare module 'vue' {
     DaoDialog: typeof import('@dao-style/core')['Dialog']
     DaoDialogFooter: typeof import('@dao-style/core')['DialogFooter']
     DaoDialogHeader: typeof import('@dao-style/core')['DialogHeader']
+    DaoDrawer: typeof import('@dao-style/core')['Drawer']
     DaoDropdown: typeof import('@dao-style/core')['Dropdown']
     DaoDropdownMenu: typeof import('@dao-style/core')['DropdownMenu']
     DaoDropdownItem: typeof import('@dao-style/core')['DropdownItem']
+    DaoDaoEllipsis: typeof import('@dao-style/core')['DaoEllipsis']
+    DaoExpansion: typeof import('@dao-style/core')['Expansion']
+    DaoExpansionItem: typeof import('@dao-style/core')['ExpansionItem']
     DaoForm: typeof import('@dao-style/core')['Form']
     DaoFormItem: typeof import('@dao-style/core')['FormItem']
     DaoFormGroup: typeof import('@dao-style/core')['FormGroup']
@@ -41,6 +45,8 @@ declare module 'vue' {
     DaoTabNav: typeof import('@dao-style/core')['TabNav']
     DaoTabItem: typeof import('@dao-style/core')['TabItem']
     DaoTooltip: typeof import('@dao-style/core')['Tooltip']
+    DaoTransfer: typeof import('@dao-style/core')['Transfer']
+    DaoTransferPanel: typeof import('@dao-style/core')['TransferPanel']
     [key: string]: unknown
   }
 }

package/dist/components/button/button-icon.vue.d.ts

@@ -1,20 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    useFont: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    iconName: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    useFont?: unknown;
-    iconName?: unknown;
-} & {
-    useFont: boolean;
-    iconName: string;
-} & {}>, {
-    useFont: boolean;
-    iconName: string;
-}>;
-export default _default;