diff --git a/packages/varlet-cli/lib/site/components/app-bar/index.d.ts b/packages/varlet-cli/lib/site/components/app-bar/index.d.ts deleted file mode 100644 index 5e5a3a106b7..00000000000 --- a/packages/varlet-cli/lib/site/components/app-bar/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import AppBar from './AppBar.vue'; -export declare const _AppBarComponent: any; -export default AppBar; diff --git a/packages/varlet-cli/lib/site/components/app-bar/index.js b/packages/varlet-cli/lib/site/components/app-bar/index.js deleted file mode 100644 index 7e0b5dd1497..00000000000 --- a/packages/varlet-cli/lib/site/components/app-bar/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._AppBarComponent = void 0; -var AppBar_vue_1 = __importDefault(require("./AppBar.vue")); -AppBar_vue_1.default.install = function (app) { - app.component(AppBar_vue_1.default.name, AppBar_vue_1.default); -}; -exports._AppBarComponent = AppBar_vue_1.default; -exports.default = AppBar_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/app-bar/props.d.ts b/packages/varlet-cli/lib/site/components/app-bar/props.d.ts deleted file mode 100644 index 4b95f5cbc99..00000000000 --- a/packages/varlet-cli/lib/site/components/app-bar/props.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -export declare function positionValidator(position: string): boolean; -export declare const props: { - color: { - type: StringConstructor; - }; - textColor: { - type: StringConstructor; - }; - title: { - type: StringConstructor; - }; - titlePosition: { - type: StringConstructor; - default: string; - validator: typeof positionValidator; - }; - elevation: { - type: BooleanConstructor; - default: boolean; - }; -}; diff --git a/packages/varlet-cli/lib/site/components/app-bar/props.js b/packages/varlet-cli/lib/site/components/app-bar/props.js deleted file mode 100644 index dda655d878c..00000000000 --- a/packages/varlet-cli/lib/site/components/app-bar/props.js +++ /dev/null @@ -1,28 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = exports.positionValidator = void 0; -function positionValidator(position) { - var validPositions = ['left', 'center', 'right']; - return validPositions.includes(position); -} -exports.positionValidator = positionValidator; -exports.props = { - color: { - type: String, - }, - textColor: { - type: String, - }, - title: { - type: String, - }, - titlePosition: { - type: String, - default: 'left', - validator: positionValidator, - }, - elevation: { - type: Boolean, - default: true, - }, -}; diff --git a/packages/varlet-cli/lib/site/components/button/index.d.ts b/packages/varlet-cli/lib/site/components/button/index.d.ts deleted file mode 100644 index e809098fd2c..00000000000 --- a/packages/varlet-cli/lib/site/components/button/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import Button from './Button.vue'; -export declare const _ButtonComponent: any; -export default Button; diff --git a/packages/varlet-cli/lib/site/components/button/index.js b/packages/varlet-cli/lib/site/components/button/index.js deleted file mode 100644 index 435170ad071..00000000000 --- a/packages/varlet-cli/lib/site/components/button/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._ButtonComponent = void 0; -var Button_vue_1 = __importDefault(require("./Button.vue")); -Button_vue_1.default.install = function (app) { - app.component(Button_vue_1.default.name, Button_vue_1.default); -}; -exports._ButtonComponent = Button_vue_1.default; -exports.default = Button_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/button/props.d.ts b/packages/varlet-cli/lib/site/components/button/props.d.ts deleted file mode 100644 index 3424479b9e8..00000000000 --- a/packages/varlet-cli/lib/site/components/button/props.d.ts +++ /dev/null @@ -1,62 +0,0 @@ -import type { PropType } from 'vue'; -declare function typeValidator(type: string): boolean; -declare function sizeValidator(size: string): boolean; -export declare const props: { - type: { - type: PropType<"default" | "primary" | "info" | "success" | "warning" | "danger">; - default: string; - validator: typeof typeValidator; - }; - size: { - type: PropType<"small" | "normal" | "mini" | "large">; - default: string; - validator: typeof sizeValidator; - }; - loading: { - type: BooleanConstructor; - default: boolean; - }; - round: { - type: BooleanConstructor; - default: boolean; - }; - block: { - type: BooleanConstructor; - default: boolean; - }; - text: { - type: BooleanConstructor; - default: boolean; - }; - outline: { - type: BooleanConstructor; - default: boolean; - }; - disabled: { - type: BooleanConstructor; - default: boolean; - }; - ripple: { - type: BooleanConstructor; - default: boolean; - }; - color: { - type: StringConstructor; - }; - textColor: { - type: StringConstructor; - }; - loadingRadius: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - loadingType: any; - loadingSize: any; - onClick: { - type: PropType<(e: Event) => void>; - }; - onTouchstart: { - type: PropType<(e: Event) => void>; - }; -}; -export {}; diff --git a/packages/varlet-cli/lib/site/components/button/props.js b/packages/varlet-cli/lib/site/components/button/props.js deleted file mode 100644 index da9c053db5b..00000000000 --- a/packages/varlet-cli/lib/site/components/button/props.js +++ /dev/null @@ -1,69 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = void 0; -var props_1 = require("../loading/props"); -var components_1 = require("../utils/components"); -function typeValidator(type) { - return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type); -} -function sizeValidator(size) { - return ['normal', 'mini', 'small', 'large'].includes(size); -} -exports.props = { - type: { - type: String, - default: 'default', - validator: typeValidator, - }, - size: { - type: String, - default: 'normal', - validator: sizeValidator, - }, - loading: { - type: Boolean, - default: false, - }, - round: { - type: Boolean, - default: false, - }, - block: { - type: Boolean, - default: false, - }, - text: { - type: Boolean, - default: false, - }, - outline: { - type: Boolean, - default: false, - }, - disabled: { - type: Boolean, - default: false, - }, - ripple: { - type: Boolean, - default: true, - }, - color: { - type: String, - }, - textColor: { - type: String, - }, - loadingRadius: { - type: [Number, String], - default: 12, - }, - loadingType: components_1.pickProps(props_1.props, 'type'), - loadingSize: components_1.pickProps(props_1.props, 'size'), - onClick: { - type: Function, - }, - onTouchstart: { - type: Function, - }, -}; diff --git a/packages/varlet-cli/lib/site/components/cell/index.d.ts b/packages/varlet-cli/lib/site/components/cell/index.d.ts deleted file mode 100644 index e366e6251e6..00000000000 --- a/packages/varlet-cli/lib/site/components/cell/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import Cell from './Cell.vue'; -export declare const _CellComponent: any; -export default Cell; diff --git a/packages/varlet-cli/lib/site/components/cell/index.js b/packages/varlet-cli/lib/site/components/cell/index.js deleted file mode 100644 index 58714bd9fa3..00000000000 --- a/packages/varlet-cli/lib/site/components/cell/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._CellComponent = void 0; -var Cell_vue_1 = __importDefault(require("./Cell.vue")); -Cell_vue_1.default.install = function (app) { - app.component(Cell_vue_1.default.name, Cell_vue_1.default); -}; -exports._CellComponent = Cell_vue_1.default; -exports.default = Cell_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/cell/props.d.ts b/packages/varlet-cli/lib/site/components/cell/props.d.ts deleted file mode 100644 index 5ad1dbe65e9..00000000000 --- a/packages/varlet-cli/lib/site/components/cell/props.d.ts +++ /dev/null @@ -1,27 +0,0 @@ -export declare const props: { - title: { - type: (StringConstructor | NumberConstructor)[]; - }; - icon: { - type: StringConstructor; - }; - desc: { - type: StringConstructor; - }; - border: { - type: BooleanConstructor; - default: boolean; - }; - iconClass: { - type: StringConstructor; - }; - titleClass: { - type: StringConstructor; - }; - descClass: { - type: StringConstructor; - }; - extraClass: { - type: StringConstructor; - }; -}; diff --git a/packages/varlet-cli/lib/site/components/cell/props.js b/packages/varlet-cli/lib/site/components/cell/props.js deleted file mode 100644 index d2a17566743..00000000000 --- a/packages/varlet-cli/lib/site/components/cell/props.js +++ /dev/null @@ -1,30 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = void 0; -exports.props = { - title: { - type: [Number, String], - }, - icon: { - type: String, - }, - desc: { - type: String, - }, - border: { - type: Boolean, - default: false, - }, - iconClass: { - type: String, - }, - titleClass: { - type: String, - }, - descClass: { - type: String, - }, - extraClass: { - type: String, - }, -}; diff --git a/packages/varlet-cli/lib/site/components/context/index.d.ts b/packages/varlet-cli/lib/site/components/context/index.d.ts deleted file mode 100644 index 0be3fe61502..00000000000 --- a/packages/varlet-cli/lib/site/components/context/index.d.ts +++ /dev/null @@ -1,15 +0,0 @@ -export declare const _ContextComponent: { - locks: { - [x: string]: number; - }; - zIndex: number; - touchmoveForbid: boolean; -}; -declare const _default: { - locks: { - [x: string]: number; - }; - zIndex: number; - touchmoveForbid: boolean; -}; -export default _default; diff --git a/packages/varlet-cli/lib/site/components/context/index.js b/packages/varlet-cli/lib/site/components/context/index.js deleted file mode 100644 index 440ed55be91..00000000000 --- a/packages/varlet-cli/lib/site/components/context/index.js +++ /dev/null @@ -1,11 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._ContextComponent = void 0; -var vue_1 = require("vue"); -var context = { - locks: {}, - zIndex: 2000, - touchmoveForbid: true, -}; -exports._ContextComponent = vue_1.reactive(context); -exports.default = vue_1.reactive(context); diff --git a/packages/varlet-cli/lib/site/components/context/lock.d.ts b/packages/varlet-cli/lib/site/components/context/lock.d.ts deleted file mode 100644 index 53bb692fc32..00000000000 --- a/packages/varlet-cli/lib/site/components/context/lock.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -export declare function resolveLock(): void; -export declare function addLock(uid: number): void; -export declare function releaseLock(uid: number): void; -/** - * 组件锁操作 - * @param props 组件props - * @param state 组件props中控制组件加锁的开关对应的key值 - * @param use 组件props中控制组件加锁的开关是否可用对应的key值 - */ -export declare function useLock(props: any, state: string, use?: string): void; diff --git a/packages/varlet-cli/lib/site/components/context/lock.js b/packages/varlet-cli/lib/site/components/context/lock.js deleted file mode 100644 index c1f8f3bd430..00000000000 --- a/packages/varlet-cli/lib/site/components/context/lock.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.useLock = exports.releaseLock = exports.addLock = exports.resolveLock = void 0; -var vue_1 = require("vue"); -var _1 = __importDefault(require(".")); -function resolveLock() { - var lockCounts = Object.keys(_1.default.locks).length; - lockCounts <= 0 ? document.body.classList.remove('var-site--lock') : document.body.classList.add('var-site--lock'); -} -exports.resolveLock = resolveLock; -function addLock(uid) { - _1.default.locks[uid] = 1; - resolveLock(); -} -exports.addLock = addLock; -function releaseLock(uid) { - delete _1.default.locks[uid]; - resolveLock(); -} -exports.releaseLock = releaseLock; -/** - * 组件锁操作 - * @param props 组件props - * @param state 组件props中控制组件加锁的开关对应的key值 - * @param use 组件props中控制组件加锁的开关是否可用对应的key值 - */ -function useLock(props, state, use) { - var uid = vue_1.getCurrentInstance().uid; - if (use) { - vue_1.watch(function () { return props[use]; }, function (newValue) { - if (newValue === false) { - // 改变为禁用状态 组件解锁 - releaseLock(uid); - } - else if (newValue === true && props[state] === true) { - // 改变为启用状态 并且popup处于开启状态 组件加锁 - addLock(uid); - } - }); - } - vue_1.watch(function () { return props[state]; }, function (newValue) { - if (use && props[use] === false) { - return; - } - if (newValue === true) { - // popup开启 组件加锁 - addLock(uid); - } - else { - // popup关闭 组件解锁 - releaseLock(uid); - } - }); - vue_1.onBeforeMount(function () { - if (use && props[use] === false) { - return; - } - if (props[state] === true) { - // popup处于开启状态 组件挂载 组件加锁 - addLock(uid); - } - }); - vue_1.onUnmounted(function () { - if (use && props[use] === false) { - return; - } - if (props[state] === true) { - // popup处于开启状态 组件卸载 组件解锁 - releaseLock(uid); - } - }); - vue_1.onActivated(function () { - if (use && props[use] === false) { - return; - } - if (props[state] === true) { - // popup处于开启状态 组件处于keepalive前台 组件加锁 - addLock(uid); - } - }); - vue_1.onDeactivated(function () { - if (use && props[use] === false) { - return; - } - if (props[state] === true) { - // popup处于开启状态 组件处于keepalive后台 组件解锁 - releaseLock(uid); - } - }); -} -exports.useLock = useLock; diff --git a/packages/varlet-cli/lib/site/components/context/zIndex.d.ts b/packages/varlet-cli/lib/site/components/context/zIndex.d.ts deleted file mode 100644 index 41b3523fffd..00000000000 --- a/packages/varlet-cli/lib/site/components/context/zIndex.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -import type { Ref } from 'vue'; -export declare function useZIndex(source: any, count: number): { - zIndex: Ref; -}; diff --git a/packages/varlet-cli/lib/site/components/context/zIndex.js b/packages/varlet-cli/lib/site/components/context/zIndex.js deleted file mode 100644 index 43e0326fc63..00000000000 --- a/packages/varlet-cli/lib/site/components/context/zIndex.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.useZIndex = void 0; -var index_1 = __importDefault(require("./index")); -var vue_1 = require("vue"); -function useZIndex(source, count) { - var zIndex = vue_1.ref(index_1.default.zIndex); - vue_1.watch(source, function (newValue) { - if (newValue) { - index_1.default.zIndex += count; - zIndex.value = index_1.default.zIndex; - } - }, { immediate: true }); - return { zIndex: zIndex }; -} -exports.useZIndex = useZIndex; diff --git a/packages/varlet-cli/lib/site/components/icon/index.d.ts b/packages/varlet-cli/lib/site/components/icon/index.d.ts deleted file mode 100644 index bee5fb14f85..00000000000 --- a/packages/varlet-cli/lib/site/components/icon/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import Icon from './Icon.vue'; -export declare const _IconComponent: any; -export default Icon; diff --git a/packages/varlet-cli/lib/site/components/icon/index.js b/packages/varlet-cli/lib/site/components/icon/index.js deleted file mode 100644 index a06f752dce1..00000000000 --- a/packages/varlet-cli/lib/site/components/icon/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._IconComponent = void 0; -var Icon_vue_1 = __importDefault(require("./Icon.vue")); -Icon_vue_1.default.install = function (app) { - app.component(Icon_vue_1.default.name, Icon_vue_1.default); -}; -exports._IconComponent = Icon_vue_1.default; -exports.default = Icon_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/icon/props.d.ts b/packages/varlet-cli/lib/site/components/icon/props.d.ts deleted file mode 100644 index 147a02965b4..00000000000 --- a/packages/varlet-cli/lib/site/components/icon/props.d.ts +++ /dev/null @@ -1,23 +0,0 @@ -import type { PropType } from 'vue'; -export declare const props: { - name: { - type: StringConstructor; - }; - size: { - type: (StringConstructor | NumberConstructor)[]; - }; - color: { - type: StringConstructor; - }; - namespace: { - type: StringConstructor; - default: string; - }; - transition: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - onClick: { - type: PropType<(event: Event) => void>; - }; -}; diff --git a/packages/varlet-cli/lib/site/components/icon/props.js b/packages/varlet-cli/lib/site/components/icon/props.js deleted file mode 100644 index 87be37e27b5..00000000000 --- a/packages/varlet-cli/lib/site/components/icon/props.js +++ /dev/null @@ -1,25 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = void 0; -exports.props = { - name: { - type: String, - }, - size: { - type: [Number, String], - }, - color: { - type: String, - }, - namespace: { - type: String, - default: 'var-icon', - }, - transition: { - type: [Number, String], - default: 0, - }, - onClick: { - type: Function, - }, -}; diff --git a/packages/varlet-cli/lib/site/components/loading/index.d.ts b/packages/varlet-cli/lib/site/components/loading/index.d.ts deleted file mode 100644 index 523fdd97ac9..00000000000 --- a/packages/varlet-cli/lib/site/components/loading/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import Loading from './Loading.vue'; -export declare const _LoadingComponent: any; -export default Loading; diff --git a/packages/varlet-cli/lib/site/components/loading/index.js b/packages/varlet-cli/lib/site/components/loading/index.js deleted file mode 100644 index 60022d749da..00000000000 --- a/packages/varlet-cli/lib/site/components/loading/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._LoadingComponent = void 0; -var Loading_vue_1 = __importDefault(require("./Loading.vue")); -Loading_vue_1.default.install = function (app) { - app.component(Loading_vue_1.default.name, Loading_vue_1.default); -}; -exports._LoadingComponent = Loading_vue_1.default; -exports.default = Loading_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/loading/props.d.ts b/packages/varlet-cli/lib/site/components/loading/props.d.ts deleted file mode 100644 index 9aa6ac54fb0..00000000000 --- a/packages/varlet-cli/lib/site/components/loading/props.d.ts +++ /dev/null @@ -1,26 +0,0 @@ -import type { PropType } from 'vue'; -declare type LoadingType = 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'; -declare type LoadingSize = 'normal' | 'mini' | 'small' | 'large'; -export declare function typeValidator(type: string): boolean; -export declare function sizeValidator(size: string): boolean; -export declare const props: { - type: { - type: PropType; - default: string; - validator: typeof typeValidator; - }; - radius: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - size: { - type: PropType; - default: string; - validator: typeof sizeValidator; - }; - color: { - type: StringConstructor; - default: string; - }; -}; -export {}; diff --git a/packages/varlet-cli/lib/site/components/loading/props.js b/packages/varlet-cli/lib/site/components/loading/props.js deleted file mode 100644 index 536298f3e5e..00000000000 --- a/packages/varlet-cli/lib/site/components/loading/props.js +++ /dev/null @@ -1,34 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = exports.sizeValidator = exports.typeValidator = void 0; -function typeValidator(type) { - return ['circle', 'wave', 'cube', 'rect', 'disappear'].includes(type); -} -exports.typeValidator = typeValidator; -function sizeValidator(size) { - return ['normal', 'mini', 'small', 'large'].includes(size); -} -exports.sizeValidator = sizeValidator; -exports.props = { - // loading类型 - type: { - type: String, - default: 'circle', - validator: typeValidator, - }, - radius: { - type: [String, Number], - default: 15, - }, - // loading尺寸 - size: { - type: String, - default: 'normal', - validator: sizeValidator, - }, - // loading颜色 - color: { - type: String, - default: 'currentColor', - }, -}; diff --git a/packages/varlet-cli/lib/site/components/menu/index.d.ts b/packages/varlet-cli/lib/site/components/menu/index.d.ts deleted file mode 100644 index 512dee536f7..00000000000 --- a/packages/varlet-cli/lib/site/components/menu/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import Menu from './Menu.vue'; -export declare const _MenuComponent: any; -export default Menu; diff --git a/packages/varlet-cli/lib/site/components/menu/index.js b/packages/varlet-cli/lib/site/components/menu/index.js deleted file mode 100644 index 1d7e0bdf52e..00000000000 --- a/packages/varlet-cli/lib/site/components/menu/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._MenuComponent = void 0; -var Menu_vue_1 = __importDefault(require("./Menu.vue")); -Menu_vue_1.default.install = function (app) { - app.component(Menu_vue_1.default.name, Menu_vue_1.default); -}; -exports._MenuComponent = Menu_vue_1.default; -exports.default = Menu_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/menu/props.d.ts b/packages/varlet-cli/lib/site/components/menu/props.d.ts deleted file mode 100644 index 96c3745cbbd..00000000000 --- a/packages/varlet-cli/lib/site/components/menu/props.d.ts +++ /dev/null @@ -1,40 +0,0 @@ -import type { PropType } from 'vue'; -declare function alignmentValidator(alignment: string): boolean; -export declare const props: { - show: { - type: BooleanConstructor; - default: boolean; - }; - alignment: { - type: PropType<"top" | "bottom">; - default: string; - validator: typeof alignmentValidator; - }; - offsetX: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - offsetY: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - teleport: { - default: string; - }; - onOpen: { - type: PropType<() => void>; - }; - onOpened: { - type: PropType<() => void>; - }; - onClose: { - type: PropType<() => void>; - }; - onClosed: { - type: PropType<() => void>; - }; - 'onUpdate:show': { - type: PropType<(show: boolean) => void>; - }; -}; -export {}; diff --git a/packages/varlet-cli/lib/site/components/menu/props.js b/packages/varlet-cli/lib/site/components/menu/props.js deleted file mode 100644 index 6e7cd79b664..00000000000 --- a/packages/varlet-cli/lib/site/components/menu/props.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = void 0; -function alignmentValidator(alignment) { - return ['top', 'bottom'].includes(alignment); -} -exports.props = { - show: { - type: Boolean, - default: false, - }, - alignment: { - type: String, - default: 'top', - validator: alignmentValidator, - }, - offsetX: { - type: [Number, String], - default: 0, - }, - offsetY: { - type: [Number, String], - default: 0, - }, - teleport: { - default: 'body', - }, - onOpen: { - type: Function, - }, - onOpened: { - type: Function, - }, - onClose: { - type: Function, - }, - onClosed: { - type: Function, - }, - 'onUpdate:show': { - type: Function, - }, -}; diff --git a/packages/varlet-cli/lib/site/components/progress/index.d.ts b/packages/varlet-cli/lib/site/components/progress/index.d.ts deleted file mode 100644 index 2aa4974c930..00000000000 --- a/packages/varlet-cli/lib/site/components/progress/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import Progress from './Progress.vue'; -export declare const _ProgressComponent: any; -export default Progress; diff --git a/packages/varlet-cli/lib/site/components/progress/index.js b/packages/varlet-cli/lib/site/components/progress/index.js deleted file mode 100644 index 1e0993f4efb..00000000000 --- a/packages/varlet-cli/lib/site/components/progress/index.js +++ /dev/null @@ -1,12 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._ProgressComponent = void 0; -var Progress_vue_1 = __importDefault(require("./Progress.vue")); -Progress_vue_1.default.install = function (app) { - app.component(Progress_vue_1.default.name, Progress_vue_1.default); -}; -exports._ProgressComponent = Progress_vue_1.default; -exports.default = Progress_vue_1.default; diff --git a/packages/varlet-cli/lib/site/components/progress/props.d.ts b/packages/varlet-cli/lib/site/components/progress/props.d.ts deleted file mode 100644 index 2e1cdf47318..00000000000 --- a/packages/varlet-cli/lib/site/components/progress/props.d.ts +++ /dev/null @@ -1,43 +0,0 @@ -declare function modeValidator(mode: string): boolean; -export declare const props: { - mode: { - type: StringConstructor; - default: string; - validator: typeof modeValidator; - }; - lineWidth: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - color: { - type: StringConstructor; - }; - trackColor: { - type: StringConstructor; - }; - ripple: { - type: BooleanConstructor; - default: boolean; - }; - value: { - type: (StringConstructor | NumberConstructor)[]; - default: number; - }; - label: { - type: BooleanConstructor; - default: boolean; - }; - size: { - type: NumberConstructor; - default: number; - }; - rotate: { - type: NumberConstructor; - default: number; - }; - track: { - type: BooleanConstructor; - default: boolean; - }; -}; -export {}; diff --git a/packages/varlet-cli/lib/site/components/progress/props.js b/packages/varlet-cli/lib/site/components/progress/props.js deleted file mode 100644 index 09211c37783..00000000000 --- a/packages/varlet-cli/lib/site/components/progress/props.js +++ /dev/null @@ -1,57 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.props = void 0; -function modeValidator(mode) { - return ['linear', 'circle'].includes(mode); -} -exports.props = { - // progress 模式 - mode: { - type: String, - default: 'linear', - validator: modeValidator, - }, - // progress 线宽 - lineWidth: { - type: [Number, String], - default: 4, - }, - // progress 颜色 - color: { - type: String, - }, - // progress 轨道颜色 - trackColor: { - type: String, - }, - // 是否添加水波纹效果 - ripple: { - type: Boolean, - default: false, - }, - // progress 值 - value: { - type: [Number, String], - default: 0, - }, - // 是否显示label - label: { - type: Boolean, - default: false, - }, - // circle 的尺寸 - size: { - type: Number, - default: 40, - }, - // circle的原点 - rotate: { - type: Number, - default: 0, - }, - // 是否显示 circle 轨道 - track: { - type: Boolean, - default: true, - }, -}; diff --git a/packages/varlet-cli/lib/site/components/ripple/index.d.ts b/packages/varlet-cli/lib/site/components/ripple/index.d.ts deleted file mode 100644 index 389d1d15e6a..00000000000 --- a/packages/varlet-cli/lib/site/components/ripple/index.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -import './ripple.less'; -import '../styles/common.less'; -import type { Directive, Plugin, App } from 'vue'; -declare const Ripple: Directive & Plugin; -export declare const _RippleComponent: import("vue").ObjectDirective & { - install: (app: App, ...options: any[]) => any; -}; -export default Ripple; diff --git a/packages/varlet-cli/lib/site/components/ripple/index.js b/packages/varlet-cli/lib/site/components/ripple/index.js deleted file mode 100644 index 750867d21cc..00000000000 --- a/packages/varlet-cli/lib/site/components/ripple/index.js +++ /dev/null @@ -1,125 +0,0 @@ -"use strict"; -var __assign = (this && this.__assign) || function () { - __assign = Object.assign || function(t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) - t[p] = s[p]; - } - return t; - }; - return __assign.apply(this, arguments); -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports._RippleComponent = void 0; -var context_1 = __importDefault(require("../context")); -require("./ripple.less"); -require("../styles/common.less"); -var ANIMATION_DURATION = 250; -function setStyles(element) { - var _a = window.getComputedStyle(element), zIndex = _a.zIndex, position = _a.position; - element.style.overflow = 'hidden'; - element.style.overflowX = 'hidden'; - element.style.overflowY = 'hidden'; - position === 'static' && (element.style.position = 'relative'); - zIndex === 'auto' && (element.style.zIndex = '1'); -} -function computeRippleStyles(element, event) { - var _a = element.getBoundingClientRect(), top = _a.top, left = _a.left; - var clientWidth = element.clientWidth, clientHeight = element.clientHeight; - var radius = Math.sqrt(Math.pow(clientWidth, 2) + Math.pow(clientHeight, 2)) / 2; - var size = radius * 2; - var localX = event.touches[0].clientX - left; - var localY = event.touches[0].clientY - top; - var centerX = (clientWidth - radius * 2) / 2; - var centerY = (clientHeight - radius * 2) / 2; - var x = localX - radius; - var y = localY - radius; - return { x: x, y: y, centerX: centerX, centerY: centerY, size: size }; -} -function createRipple(event) { - var _this = this; - var _ripple = this._ripple; - _ripple.removeRipple(); - if (_ripple.disabled || _ripple.tasker) { - return; - } - var task = function () { - var _a; - _ripple.tasker = null; - var _b = computeRippleStyles(_this, event), x = _b.x, y = _b.y, centerX = _b.centerX, centerY = _b.centerY, size = _b.size; - var ripple = document.createElement('div'); - ripple.classList.add('var-site-ripple'); - ripple.style.opacity = "0"; - ripple.style.transform = "translate(" + x + "px, " + y + "px) scale3d(.3, .3, .3)"; - ripple.style.width = size + "px"; - ripple.style.height = size + "px"; - ripple.style.backgroundColor = (_a = _ripple.color) !== null && _a !== void 0 ? _a : 'currentColor'; - ripple.dataset.createdAt = String(performance.now()); - setStyles(_this); - _this.appendChild(ripple); - window.setTimeout(function () { - ripple.style.transform = "translate(" + centerX + "px, " + centerY + "px) scale3d(1, 1, 1)"; - ripple.style.opacity = ".25"; - }, 20); - }; - _ripple.tasker = window.setTimeout(task, 60); -} -function removeRipple() { - var _this = this; - var _ripple = this._ripple; - var task = function () { - var ripples = _this.querySelectorAll('.var-site-ripple'); - if (!ripples.length) { - return; - } - var lastRipple = ripples[ripples.length - 1]; - var delay = ANIMATION_DURATION - performance.now() + Number(lastRipple.dataset.createdAt); - setTimeout(function () { - lastRipple.style.opacity = "0"; - setTimeout(function () { var _a; return (_a = lastRipple.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(lastRipple); }, ANIMATION_DURATION); - }, delay); - }; - _ripple.tasker ? setTimeout(task, 60) : task(); -} -function forbidRippleTask() { - var _ripple = this._ripple; - if (!_ripple.touchmoveForbid) { - return; - } - _ripple.tasker && window.clearTimeout(_ripple.tasker); - _ripple.tasker = null; -} -function mounted(el, binding) { - var _a, _b, _c; - el._ripple = __assign(__assign({ tasker: null }, ((_a = binding.value) !== null && _a !== void 0 ? _a : {})), { touchmoveForbid: (_c = (_b = binding.value) === null || _b === void 0 ? void 0 : _b.touchmoveForbid) !== null && _c !== void 0 ? _c : context_1.default.touchmoveForbid, removeRipple: removeRipple.bind(el) }); - el.addEventListener('touchstart', createRipple, { passive: true }); - el.addEventListener('touchmove', forbidRippleTask, { passive: true }); - el.addEventListener('dragstart', removeRipple, { passive: true }); - document.addEventListener('touchend', el._ripple.removeRipple, { passive: true }); - document.addEventListener('touchcancel', el._ripple.removeRipple, { passive: true }); -} -function unmounted(el) { - el.removeEventListener('touchstart', createRipple); - el.removeEventListener('touchmove', forbidRippleTask); - el.removeEventListener('dragstart', removeRipple); - document.removeEventListener('touchend', el._ripple.removeRipple); - document.removeEventListener('touchcancel', el._ripple.removeRipple); -} -function updated(el, binding) { - var _a, _b, _c; - el._ripple = __assign(__assign(__assign({}, el._ripple), ((_a = binding.value) !== null && _a !== void 0 ? _a : {})), { touchmoveForbid: (_c = (_b = binding.value) === null || _b === void 0 ? void 0 : _b.touchmoveForbid) !== null && _c !== void 0 ? _c : context_1.default.touchmoveForbid, tasker: null }); -} -var Ripple = { - mounted: mounted, - unmounted: unmounted, - updated: updated, - install: function (app) { - app.directive('ripple', this); - }, -}; -exports._RippleComponent = Ripple; -exports.default = Ripple; diff --git a/packages/varlet-cli/lib/site/components/utils/components.d.ts b/packages/varlet-cli/lib/site/components/utils/components.d.ts deleted file mode 100644 index 6c4f120464e..00000000000 --- a/packages/varlet-cli/lib/site/components/utils/components.d.ts +++ /dev/null @@ -1,53 +0,0 @@ -import type { Component, VNode, ComputedRef, ComponentInternalInstance, Ref } from 'vue'; -export interface MountInstance { - instance: any; - unmount: () => void; -} -export interface ChildrenCounter { - collect(instance: ComponentInternalInstance): void; - clear(instance: ComponentInternalInstance): void; - instances: ComponentInternalInstance[]; -} -export interface BaseParentProvider { - collect(childProvider: C): void; - clear(childProvider: C): void; -} -export declare function pickProps(props: any, propsKey: string): any; -export declare function pickProps(props: any, propsKey: string[]): any; -export declare function mount(component: Component): MountInstance; -export declare function mountInstance(component: any, props?: Record, eventListener?: Record): { - unmountInstance: () => void; -}; -export declare function flatVNodes(subTree: any): VNode[]; -export declare function useAtChildrenCounter(key: symbol): { - length: ComputedRef; -}; -export declare function useAtParentIndex(key: symbol): { - index: null; -} | { - index: ComputedRef; -}; -export declare function useChildren(key: symbol): { - childProviders: C[]; - bindChildren: (parentProvider: P) => void; -}; -export declare function useParent(key: symbol): { - parentProvider: null; - bindParent: null; -} | { - parentProvider: Omit

, "collect" | "clear">; - bindParent: (childProvider: C) => void; -}; -export declare function keyInProvides(key: symbol): boolean; -export declare function useValidation(): { - errorMessage: Ref; - validate: (rules: any, value: any, apis?: any) => Promise; - resetValidation: () => void; - validateWithTrigger: (validateTrigger: T[], trigger: T, rules: any, value: any, apis?: any) => Promise; -}; -export declare function addRouteListener(cb: () => void): void; -export declare function useTeleport(): { - disabled: Ref; -}; diff --git a/packages/varlet-cli/lib/site/components/utils/components.js b/packages/varlet-cli/lib/site/components/utils/components.js deleted file mode 100644 index fff845d37f0..00000000000 --- a/packages/varlet-cli/lib/site/components/utils/components.js +++ /dev/null @@ -1,279 +0,0 @@ -"use strict"; -var __assign = (this && this.__assign) || function () { - __assign = Object.assign || function(t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) - t[p] = s[p]; - } - return t; - }; - return __assign.apply(this, arguments); -}; -var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { - function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } - return new (P || (P = Promise))(function (resolve, reject) { - function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } - function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } - function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } - step((generator = generator.apply(thisArg, _arguments || [])).next()); - }); -}; -var __generator = (this && this.__generator) || function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; - return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; - function verb(n) { return function (v) { return step([n, v]); }; } - function step(op) { - if (f) throw new TypeError("Generator is already executing."); - while (_) try { - if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; - if (y = 0, t) op = [op[0] & 2, t.value]; - switch (op[0]) { - case 0: case 1: t = op; break; - case 4: _.label++; return { value: op[1], done: false }; - case 5: _.label++; y = op[1]; op = [0]; continue; - case 7: op = _.ops.pop(); _.trys.pop(); continue; - default: - if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } - if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } - if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } - if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } - if (t[2]) _.ops.pop(); - _.trys.pop(); continue; - } - op = body.call(thisArg, _); - } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } - if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; - } -}; -var __rest = (this && this.__rest) || function (s, e) { - var t = {}; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) - t[p] = s[p]; - if (s != null && typeof Object.getOwnPropertySymbols === "function") - for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) - t[p[i]] = s[p[i]]; - } - return t; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.useTeleport = exports.addRouteListener = exports.useValidation = exports.keyInProvides = exports.useParent = exports.useChildren = exports.useAtParentIndex = exports.useAtChildrenCounter = exports.flatVNodes = exports.mountInstance = exports.mount = exports.pickProps = void 0; -var vue_1 = require("vue"); -var shared_1 = require("./shared"); -function pickProps(props, propsKey) { - return Array.isArray(propsKey) - ? propsKey.reduce(function (pickedProps, key) { - pickedProps[key] = props[key]; - return pickedProps; - }, {}) - : props[propsKey]; -} -exports.pickProps = pickProps; -function mount(component) { - var app = vue_1.createApp(component); - var host = document.createElement('div'); - document.body.appendChild(host); - return { - instance: app.mount(host), - unmount: function () { - app.unmount(); - document.body.removeChild(host); - }, - }; -} -exports.mount = mount; -function mountInstance(component, props, eventListener) { - if (props === void 0) { props = {}; } - if (eventListener === void 0) { eventListener = {}; } - var Host = { - setup: function () { - return function () { - return vue_1.h(component, __assign(__assign({}, props), eventListener)); - }; - }, - }; - var unmount = mount(Host).unmount; - return { unmountInstance: unmount }; -} -exports.mountInstance = mountInstance; -function flatVNodes(subTree) { - var vNodes = []; - var flat = function (subTree) { - if (subTree === null || subTree === void 0 ? void 0 : subTree.component) { - flat(subTree === null || subTree === void 0 ? void 0 : subTree.component.subTree); - return; - } - if (Array.isArray(subTree === null || subTree === void 0 ? void 0 : subTree.children)) { - subTree.children.forEach(function (child) { - if (vue_1.isVNode(child)) { - vNodes.push(child); - flat(child); - } - }); - } - }; - flat(subTree); - return vNodes; -} -exports.flatVNodes = flatVNodes; -function useAtChildrenCounter(key) { - var instances = vue_1.reactive([]); - var parentInstance = vue_1.getCurrentInstance(); - var sortInstances = function () { - var vNodes = flatVNodes(parentInstance.subTree); - instances.sort(function (a, b) { - return vNodes.indexOf(a.vnode) - vNodes.indexOf(b.vnode); - }); - }; - var collect = function (instance) { - instances.push(instance); - sortInstances(); - }; - var clear = function (instance) { - shared_1.removeItem(instances, instance); - }; - vue_1.provide(key, { - collect: collect, - clear: clear, - instances: instances, - }); - var length = vue_1.computed(function () { return instances.length; }); - return { - length: length, - }; -} -exports.useAtChildrenCounter = useAtChildrenCounter; -function useAtParentIndex(key) { - if (!keyInProvides(key)) { - return { index: null }; - } - var childrenCounter = vue_1.inject(key); - var collect = childrenCounter.collect, clear = childrenCounter.clear, instances = childrenCounter.instances; - var instance = vue_1.getCurrentInstance(); - vue_1.onMounted(function () { - vue_1.nextTick().then(function () { return collect(instance); }); - }); - vue_1.onUnmounted(function () { - vue_1.nextTick().then(function () { return clear(instance); }); - }); - var index = vue_1.computed(function () { return instances.indexOf(instance); }); - return { - index: index, - }; -} -exports.useAtParentIndex = useAtParentIndex; -function useChildren(key) { - var childProviders = []; - var collect = function (childProvider) { - childProviders.push(childProvider); - }; - var clear = function (childProvider) { - shared_1.removeItem(childProviders, childProvider); - }; - var bindChildren = function (parentProvider) { - vue_1.provide(key, __assign({ collect: collect, clear: clear }, parentProvider)); - }; - return { - childProviders: childProviders, - bindChildren: bindChildren, - }; -} -exports.useChildren = useChildren; -function useParent(key) { - if (!keyInProvides(key)) { - return { - parentProvider: null, - bindParent: null, - }; - } - var rawParentProvider = vue_1.inject(key); - var collect = rawParentProvider.collect, clear = rawParentProvider.clear, parentProvider = __rest(rawParentProvider, ["collect", "clear"]); - var bindParent = function (childProvider) { - vue_1.onMounted(function () { return collect(childProvider); }); - vue_1.onBeforeUnmount(function () { return clear(childProvider); }); - }; - return { - parentProvider: parentProvider, - bindParent: bindParent, - }; -} -exports.useParent = useParent; -function keyInProvides(key) { - var instance = vue_1.getCurrentInstance(); - return key in instance.provides; -} -exports.keyInProvides = keyInProvides; -function useValidation() { - var _this = this; - var errorMessage = vue_1.ref(''); - var validate = function (rules, value, apis) { return __awaiter(_this, void 0, void 0, function () { - var resArr; - return __generator(this, function (_a) { - switch (_a.label) { - case 0: - if (!shared_1.isArray(rules) || !rules.length) { - return [2 /*return*/, true]; - } - return [4 /*yield*/, Promise.all(rules.map(function (rule) { return rule(value, apis); }))]; - case 1: - resArr = _a.sent(); - return [2 /*return*/, !resArr.some(function (res) { - if (res !== true) { - errorMessage.value = String(res); - return true; - } - return false; - })]; - } - }); - }); }; - var resetValidation = function () { - errorMessage.value = ''; - }; - var validateWithTrigger = function (validateTrigger, trigger, rules, value, apis) { return __awaiter(_this, void 0, void 0, function () { - return __generator(this, function (_a) { - switch (_a.label) { - case 0: - if (!validateTrigger.includes(trigger)) return [3 /*break*/, 2]; - ; - return [4 /*yield*/, validate(rules, value, apis)]; - case 1: - (_a.sent()) && (errorMessage.value = ''); - _a.label = 2; - case 2: return [2 /*return*/]; - } - }); - }); }; - return { - errorMessage: errorMessage, - validate: validate, - resetValidation: resetValidation, - validateWithTrigger: validateWithTrigger, - }; -} -exports.useValidation = useValidation; -function addRouteListener(cb) { - vue_1.onMounted(function () { - window.addEventListener('hashchange', cb); - window.addEventListener('popstate', cb); - }); - vue_1.onUnmounted(function () { - window.removeEventListener('hashchange', cb); - window.removeEventListener('popstate', cb); - }); -} -exports.addRouteListener = addRouteListener; -function useTeleport() { - var disabled = vue_1.ref(false); - vue_1.onActivated(function () { - disabled.value = false; - }); - vue_1.onDeactivated(function () { - disabled.value = true; - }); - return { - disabled: disabled, - }; -} -exports.useTeleport = useTeleport; diff --git a/packages/varlet-cli/lib/site/components/utils/elements.d.ts b/packages/varlet-cli/lib/site/components/utils/elements.d.ts deleted file mode 100644 index 8805fb6469d..00000000000 --- a/packages/varlet-cli/lib/site/components/utils/elements.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -import type { StyleVars } from '../../utils'; -export declare function getLeft(element: HTMLElement): number; -export declare function getTop(element: HTMLElement): number; -export declare function getScrollTop(element: Element | Window): number; -export declare function getScrollLeft(element: Element | Window): number; -export declare function inViewport(element: HTMLElement): Promise; -export declare function getTranslate(el: HTMLElement): number; -export declare function isHidden(el: HTMLElement): boolean; -export declare function getParentScroller(el: HTMLElement): HTMLElement | Window; -export declare function getAllParentScroller(el: HTMLElement): Array; -export declare const isRem: (value: unknown) => boolean; -export declare const isPx: (value: unknown) => boolean; -export declare const isPercent: (value: unknown) => boolean; -export declare const isVw: (value: unknown) => boolean; -export declare const isVh: (value: unknown) => boolean; -export declare const toPxNum: (value: unknown) => number; -export declare const toSizeUnit: (value: unknown) => unknown; -export declare function requestAnimationFrame(fn: FrameRequestCallback): number; -export declare function cancelAnimationFrame(handle: number): void; -export declare function nextTickFrame(fn: FrameRequestCallback): void; -export declare function doubleRaf(): Promise; -interface ScrollToOptions { - top?: number; - left?: number; - duration?: number; - animation: (progress: number) => number; -} -export declare function scrollTo(element: HTMLElement | Window, { top, left, duration, animation }: ScrollToOptions): Promise; -export declare function formatStyleVars(styleVars: StyleVars): StyleVars; -export {}; diff --git a/packages/varlet-cli/lib/site/components/utils/elements.js b/packages/varlet-cli/lib/site/components/utils/elements.js deleted file mode 100644 index a572bc126de..00000000000 --- a/packages/varlet-cli/lib/site/components/utils/elements.js +++ /dev/null @@ -1,240 +0,0 @@ -"use strict"; -var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { - function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } - return new (P || (P = Promise))(function (resolve, reject) { - function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } - function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } - function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } - step((generator = generator.apply(thisArg, _arguments || [])).next()); - }); -}; -var __generator = (this && this.__generator) || function (thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; - return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; - function verb(n) { return function (v) { return step([n, v]); }; } - function step(op) { - if (f) throw new TypeError("Generator is already executing."); - while (_) try { - if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; - if (y = 0, t) op = [op[0] & 2, t.value]; - switch (op[0]) { - case 0: case 1: t = op; break; - case 4: _.label++; return { value: op[1], done: false }; - case 5: _.label++; y = op[1]; op = [0]; continue; - case 7: op = _.ops.pop(); _.trys.pop(); continue; - default: - if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } - if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } - if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } - if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } - if (t[2]) _.ops.pop(); - _.trys.pop(); continue; - } - op = body.call(thisArg, _); - } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } - if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; - } -}; -var __read = (this && this.__read) || function (o, n) { - var m = typeof Symbol === "function" && o[Symbol.iterator]; - if (!m) return o; - var i = m.call(o), r, ar = [], e; - try { - while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); - } - catch (error) { e = { error: error }; } - finally { - try { - if (r && !r.done && (m = i["return"])) m.call(i); - } - finally { if (e) throw e.error; } - } - return ar; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.formatStyleVars = exports.scrollTo = exports.doubleRaf = exports.nextTickFrame = exports.cancelAnimationFrame = exports.requestAnimationFrame = exports.toSizeUnit = exports.toPxNum = exports.isVh = exports.isVw = exports.isPercent = exports.isPx = exports.isRem = exports.getAllParentScroller = exports.getParentScroller = exports.isHidden = exports.getTranslate = exports.inViewport = exports.getScrollLeft = exports.getScrollTop = exports.getTop = exports.getLeft = void 0; -var shared_1 = require("./shared"); -function getLeft(element) { - var left = element.getBoundingClientRect().left; - return left + (document.body.scrollLeft || document.documentElement.scrollLeft); -} -exports.getLeft = getLeft; -function getTop(element) { - var top = element.getBoundingClientRect().top; - return top + (document.body.scrollTop || document.documentElement.scrollTop); -} -exports.getTop = getTop; -function getScrollTop(element) { - var top = 'scrollTop' in element ? element.scrollTop : element.pageYOffset; - // iOS scroll bounce cause minus scrollTop - return Math.max(top, 0); -} -exports.getScrollTop = getScrollTop; -function getScrollLeft(element) { - var left = 'scrollLeft' in element ? element.scrollLeft : element.pageXOffset; - return Math.max(left, 0); -} -exports.getScrollLeft = getScrollLeft; -function inViewport(element) { - return __awaiter(this, void 0, void 0, function () { - var _a, top, bottom, left, right, innerWidth, innerHeight, xInViewport, yInViewport; - return __generator(this, function (_b) { - switch (_b.label) { - case 0: return [4 /*yield*/, doubleRaf()]; - case 1: - _b.sent(); - _a = element.getBoundingClientRect(), top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right; - innerWidth = window.innerWidth, innerHeight = window.innerHeight; - xInViewport = left <= innerWidth && right >= 0; - yInViewport = top <= innerHeight && bottom >= 0; - return [2 /*return*/, xInViewport && yInViewport]; - } - }); - }); -} -exports.inViewport = inViewport; -function getTranslate(el) { - var transform = window.getComputedStyle(el).transform; - return +transform.slice(transform.lastIndexOf(',') + 2, transform.length - 1); -} -exports.getTranslate = getTranslate; -function isHidden(el) { - var _a = el.getBoundingClientRect(), width = _a.width, height = _a.height; - return width === 0 && height === 0; -} -exports.isHidden = isHidden; -function getParentScroller(el) { - var element = el; - while (element) { - if (!element.parentNode) { - break; - } - element = element.parentNode; - if (element === document.body || element === document.documentElement) { - break; - } - var scrollRE = /(scroll|auto)/; - var _a = window.getComputedStyle(element), overflowY = _a.overflowY, overflow = _a.overflow; - if (scrollRE.test(overflowY) || scrollRE.test(overflow)) { - return element; - } - } - return window; -} -exports.getParentScroller = getParentScroller; -function getAllParentScroller(el) { - var allParentScroller = []; - var element = el; - while (element !== window) { - element = getParentScroller(element); - allParentScroller.push(element); - } - return allParentScroller; -} -exports.getAllParentScroller = getAllParentScroller; -// example 1rem -var isRem = function (value) { return shared_1.isString(value) && value.endsWith('rem'); }; -exports.isRem = isRem; -// example 1 || 1px -var isPx = function (value) { return (shared_1.isString(value) && value.endsWith('px')) || shared_1.isNumber(value); }; -exports.isPx = isPx; -// example 1% -var isPercent = function (value) { return shared_1.isString(value) && value.endsWith('%'); }; -exports.isPercent = isPercent; -// example 1vw -var isVw = function (value) { return shared_1.isString(value) && value.endsWith('vw'); }; -exports.isVw = isVw; -// example 1vh -var isVh = function (value) { return shared_1.isString(value) && value.endsWith('vh'); }; -exports.isVh = isVh; -// example return 1 -var toPxNum = function (value) { - if (shared_1.isNumber(value)) { - return value; - } - if (exports.isPx(value)) { - return +value.replace('px', ''); - } - if (exports.isVw(value)) { - return (+value.replace('vw', '') * window.innerWidth) / 100; - } - if (exports.isVh(value)) { - return (+value.replace('vh', '') * window.innerHeight) / 100; - } - if (exports.isRem(value)) { - var num = +value.replace('rem', ''); - var rootFontSize = window.getComputedStyle(document.documentElement).fontSize; - return num * parseFloat(rootFontSize); - } - if (shared_1.isString(value)) { - return shared_1.toNumber(value); - } - // % and other - return 0; -}; -exports.toPxNum = toPxNum; -// example return 1px 1% 1vw 1vh 1rem null -var toSizeUnit = function (value) { - if (value == null) { - return null; - } - if (exports.isPercent(value) || exports.isVw(value) || exports.isVh(value) || exports.isRem(value)) { - return value; - } - return exports.toPxNum(value) + "px"; -}; -exports.toSizeUnit = toSizeUnit; -function requestAnimationFrame(fn) { - return window.requestAnimationFrame ? window.requestAnimationFrame(fn) : window.setTimeout(fn, 16); -} -exports.requestAnimationFrame = requestAnimationFrame; -function cancelAnimationFrame(handle) { - window.cancelAnimationFrame ? window.cancelAnimationFrame(handle) : window.clearTimeout(handle); -} -exports.cancelAnimationFrame = cancelAnimationFrame; -function nextTickFrame(fn) { - requestAnimationFrame(function () { - requestAnimationFrame(fn); - }); -} -exports.nextTickFrame = nextTickFrame; -function doubleRaf() { - return new Promise(function (resolve) { - requestAnimationFrame(function () { - requestAnimationFrame(resolve); - }); - }); -} -exports.doubleRaf = doubleRaf; -function scrollTo(element, _a) { - var _b = _a.top, top = _b === void 0 ? 0 : _b, _c = _a.left, left = _c === void 0 ? 0 : _c, _d = _a.duration, duration = _d === void 0 ? 300 : _d, animation = _a.animation; - var startTime = Date.now(); - var scrollTop = getScrollTop(element); - var scrollLeft = getScrollLeft(element); - return new Promise(function (resolve) { - var frame = function () { - var progress = (Date.now() - startTime) / duration; - if (progress < 1) { - var nextTop = scrollTop + (top - scrollTop) * animation(progress); - var nextLeft = scrollLeft + (left - scrollLeft) * animation(progress); - element.scrollTo(nextLeft, nextTop); - requestAnimationFrame(frame); - } - else { - element.scrollTo(left, top); - resolve(); - } - }; - requestAnimationFrame(frame); - }); -} -exports.scrollTo = scrollTo; -function formatStyleVars(styleVars) { - return Object.entries(styleVars).reduce(function (styles, _a) { - var _b = __read(_a, 2), key = _b[0], value = _b[1]; - var cssVar = key.startsWith('--') ? key : "--" + shared_1.kebabCase(key); - styles[cssVar] = value; - return styles; - }, {}); -} -exports.formatStyleVars = formatStyleVars; diff --git a/packages/varlet-cli/lib/site/components/utils/shared.d.ts b/packages/varlet-cli/lib/site/components/utils/shared.d.ts deleted file mode 100644 index 9f8000963d4..00000000000 --- a/packages/varlet-cli/lib/site/components/utils/shared.d.ts +++ /dev/null @@ -1,36 +0,0 @@ -export declare type Time = { - days: number; - hours: number; - minutes: number; - seconds: number; - milliseconds: number; -}; -export interface CacheInstance { - cache: T[]; - has(key: T): boolean; - add(key: T): void; - remove(key: T): void; - clear(): void; -} -export declare const toNumber: (val: number | string | boolean | undefined | null) => number; -export declare const isHTMLSupportImage: (val: string) => boolean; -export declare const isHTMLSupportVideo: (val: string) => boolean; -export declare const isString: (val: unknown) => val is string; -export declare const isBool: (val: unknown) => val is boolean; -export declare const isNumber: (val: unknown) => val is number; -export declare const isPlainObject: (val: unknown) => val is Record; -export declare const isArray: (val: unknown) => val is any[]; -export declare const isURL: (val: string) => boolean; -export declare const isEmpty: (val: unknown) => boolean; -export declare const removeItem: (arr: Array, item: unknown) => unknown[] | undefined; -export declare const throttle: (method: any, mustRunDelay?: number) => (() => void); -export declare const debounce: (method: any, delay?: number) => (this: unknown, ...args: any[]) => void; -export declare const createCache: (max: number) => CacheInstance; -export declare const linear: (value: number) => number; -export declare const cubic: (value: number) => number; -export declare const easeInOutCubic: (value: number) => number; -export declare function parseFormat(format: string, time: Time): string; -export declare const dt: (value: unknown, defaultText: string) => unknown; -export declare const inBrowser: boolean; -export declare const uniq: (arr: Array) => any[]; -export declare function kebabCase(str: string): string; diff --git a/packages/varlet-cli/lib/site/components/utils/shared.js b/packages/varlet-cli/lib/site/components/utils/shared.js deleted file mode 100644 index a43ec008d96..00000000000 --- a/packages/varlet-cli/lib/site/components/utils/shared.js +++ /dev/null @@ -1,181 +0,0 @@ -"use strict"; -var __read = (this && this.__read) || function (o, n) { - var m = typeof Symbol === "function" && o[Symbol.iterator]; - if (!m) return o; - var i = m.call(o), r, ar = [], e; - try { - while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); - } - catch (error) { e = { error: error }; } - finally { - try { - if (r && !r.done && (m = i["return"])) m.call(i); - } - finally { if (e) throw e.error; } - } - return ar; -}; -var __spreadArray = (this && this.__spreadArray) || function (to, from) { - for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) - to[j] = from[i]; - return to; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.kebabCase = exports.uniq = exports.inBrowser = exports.dt = exports.parseFormat = exports.easeInOutCubic = exports.cubic = exports.linear = exports.createCache = exports.debounce = exports.throttle = exports.removeItem = exports.isEmpty = exports.isURL = exports.isArray = exports.isPlainObject = exports.isNumber = exports.isBool = exports.isString = exports.isHTMLSupportVideo = exports.isHTMLSupportImage = exports.toNumber = void 0; -var toNumber = function (val) { - if (val == null) - return 0; - if (exports.isString(val)) { - val = parseFloat(val); - val = Number.isNaN(val) ? 0 : val; - return val; - } - if (exports.isBool(val)) - return Number(val); - return val; -}; -exports.toNumber = toNumber; -var isHTMLSupportImage = function (val) { return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg)$/.test(val); }; -exports.isHTMLSupportImage = isHTMLSupportImage; -var isHTMLSupportVideo = function (val) { return val.startsWith('data:video') || /\.(mp4|webm|ogg)$/.test(val); }; -exports.isHTMLSupportVideo = isHTMLSupportVideo; -var isString = function (val) { return typeof val === 'string'; }; -exports.isString = isString; -var isBool = function (val) { return typeof val === 'boolean'; }; -exports.isBool = isBool; -var isNumber = function (val) { return typeof val === 'number'; }; -exports.isNumber = isNumber; -var isPlainObject = function (val) { - return Object.prototype.toString.call(val) === '[object Object]'; -}; -exports.isPlainObject = isPlainObject; -var isArray = function (val) { return Array.isArray(val); }; -exports.isArray = isArray; -var isURL = function (val) { return /^(http)|(\.*\/)/.test(val); }; -exports.isURL = isURL; -var isEmpty = function (val) { - return val === undefined || val === null || val === '' || (Array.isArray(val) && !val.length); -}; -exports.isEmpty = isEmpty; -var removeItem = function (arr, item) { - if (arr.length) { - var index = arr.indexOf(item); - if (index > -1) { - return arr.splice(index, 1); - } - } -}; -exports.removeItem = removeItem; -var throttle = function (method, mustRunDelay) { - if (mustRunDelay === void 0) { mustRunDelay = 200; } - var timer; - var start; - return function loop() { - var _this = this; - var args = []; - for (var _i = 0; _i < arguments.length; _i++) { - args[_i] = arguments[_i]; - } - var now = Date.now(); - if (!start) { - start = now; - } - if (timer) { - window.clearTimeout(timer); - } - if (now - start >= mustRunDelay) { - method.apply(this, args); - start = now; - } - else { - timer = window.setTimeout(function () { - loop.apply(_this, args); - }, 50); - } - }; -}; -exports.throttle = throttle; -var debounce = function (method, delay) { - if (delay === void 0) { delay = 200; } - var timer; - return function () { - var _this = this; - var args = []; - for (var _i = 0; _i < arguments.length; _i++) { - args[_i] = arguments[_i]; - } - timer && window.clearTimeout(timer); - timer = window.setTimeout(function () { - method.apply(_this, args); - }, delay); - }; -}; -exports.debounce = debounce; -var createCache = function (max) { - var cache = []; - return { - cache: cache, - has: function (key) { - return this.cache.includes(key); - }, - add: function (key) { - if (this.has(key)) { - return; - } - this.cache.length === max && cache.shift(); - this.cache.push(key); - }, - remove: function (key) { - this.has(key) && exports.removeItem(this.cache, key); - }, - clear: function () { - this.cache.length = 0; - }, - }; -}; -exports.createCache = createCache; -var linear = function (value) { return value; }; -exports.linear = linear; -var cubic = function (value) { return Math.pow(value, 3); }; -exports.cubic = cubic; -var easeInOutCubic = function (value) { - return value < 0.5 ? exports.cubic(value * 2) / 2 : 1 - exports.cubic((1 - value) * 2) / 2; -}; -exports.easeInOutCubic = easeInOutCubic; -function parseFormat(format, time) { - var scannedTimes = Object.values(time); - var scannedFormats = ['DD', 'HH', 'mm', 'ss']; - var padValues = [24, 60, 60, 1000]; - scannedFormats.forEach(function (scannedFormat, index) { - if (!format.includes(scannedFormat)) { - scannedTimes[index + 1] += scannedTimes[index] * padValues[index]; - } - else { - format = format.replace(scannedFormat, String(scannedTimes[index]).padStart(2, '0')); - } - }); - if (format.includes('S')) { - var ms = String(scannedTimes[scannedTimes.length - 1]).padStart(3, '0'); - if (format.includes('SSS')) { - format = format.replace('SSS', ms); - } - else if (format.includes('SS')) { - format = format.replace('SS', ms.slice(0, 2)); - } - else { - format = format.replace('S', ms.slice(0, 1)); - } - } - return format; -} -exports.parseFormat = parseFormat; -var dt = function (value, defaultText) { return (value == null ? defaultText : value); }; -exports.dt = dt; -exports.inBrowser = typeof window !== 'undefined'; -var uniq = function (arr) { return __spreadArray([], __read(new Set(arr))); }; -exports.uniq = uniq; -function kebabCase(str) { - var reg = /([^-])([A-Z])/g; - return str.replace(reg, '$1-$2').replace(reg, '$1-$2').toLowerCase(); -} -exports.kebabCase = kebabCase; diff --git a/packages/varlet-cli/lib/site/mobile/main.d.ts b/packages/varlet-cli/lib/site/mobile/main.d.ts deleted file mode 100644 index 4b2489e5aa0..00000000000 --- a/packages/varlet-cli/lib/site/mobile/main.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import '@varlet/touch-emulator'; -import '../components/styles/common.less'; -import '../components/styles/elevation.less'; diff --git a/packages/varlet-cli/lib/site/mobile/main.js b/packages/varlet-cli/lib/site/mobile/main.js deleted file mode 100644 index 848ea77ffa7..00000000000 --- a/packages/varlet-cli/lib/site/mobile/main.js +++ /dev/null @@ -1,93 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}); -var __importStar = (this && this.__importStar) || function (mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -}; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -// @ts-ignore -var _mobile_routes_1 = __importDefault(require("@mobile-routes")); -// @ts-ignore -var _config_1 = __importDefault(require("@config")); -var App_vue_1 = __importDefault(require("./App.vue")); -require("@varlet/touch-emulator"); -var vue_1 = require("vue"); -var vue_router_1 = require("vue-router"); -var icon_1 = __importDefault(require("../components/icon")); -var app_bar_1 = __importDefault(require("../components/app-bar")); -var button_1 = __importDefault(require("../components/button")); -var menu_1 = __importDefault(require("../components/menu")); -var cell_1 = __importDefault(require("../components/cell")); -var ripple_1 = __importDefault(require("../components/ripple")); -require("../components/styles/common.less"); -require("../components/styles/elevation.less"); -var lodash_es_1 = require("lodash-es"); -var utils_1 = require("../utils"); -var redirect = lodash_es_1.get(_config_1.default, 'mobile.redirect'); -var defaultLanguage = lodash_es_1.get(_config_1.default, 'defaultLanguage'); -redirect && - _mobile_routes_1.default.push({ - path: '/:pathMatch(.*)', - redirect: redirect, - }); -_mobile_routes_1.default.push({ - path: '/home', - component: function () { return Promise.resolve().then(function () { return __importStar(require('./components/AppHome.vue')); }); } -}); -var router = vue_router_1.createRouter({ - history: vue_router_1.createWebHashHistory(), - scrollBehavior: function (to, from, savedPosition) { return savedPosition || { left: 0, top: 0 }; }, - routes: _mobile_routes_1.default, -}); -router.beforeEach(function (to, from) { - var _a; - var language = (_a = to.query.language) !== null && _a !== void 0 ? _a : defaultLanguage; - var path = to.path; - var replace = to.query.replace; - if (!utils_1.isPhone() && !utils_1.inIframe()) { - window.location.href = "./#/" + language + path; - } - if (!utils_1.isPhone() && utils_1.inIframe()) { - // @ts-ignore - window.top.onMobileRouteChange(path, language, replace); - } - // @ts-ignore - if (window._hmt) { - if (to.path) { - // @ts-ignore - window._hmt.push(['_trackPageview', "/#" + to.fullPath]); - } - } -}); -// @ts-ignore -vue_1.createApp(App_vue_1.default) - .use(router) - // @ts-ignore - .use(icon_1.default) - // @ts-ignore - .use(app_bar_1.default) - // @ts-ignore - .use(cell_1.default) - .use(ripple_1.default) - // @ts-ignore - .use(button_1.default) - // @ts-ignore - .use(menu_1.default) - .mount('#app'); diff --git a/packages/varlet-cli/lib/site/pc/main.d.ts b/packages/varlet-cli/lib/site/pc/main.d.ts deleted file mode 100644 index 4b2489e5aa0..00000000000 --- a/packages/varlet-cli/lib/site/pc/main.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -import '@varlet/touch-emulator'; -import '../components/styles/common.less'; -import '../components/styles/elevation.less'; diff --git a/packages/varlet-cli/lib/site/pc/main.js b/packages/varlet-cli/lib/site/pc/main.js deleted file mode 100644 index bd47608dce4..00000000000 --- a/packages/varlet-cli/lib/site/pc/main.js +++ /dev/null @@ -1,69 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -var App_vue_1 = __importDefault(require("./App.vue")); -require("@varlet/touch-emulator"); -// @ts-ignore -var _pc_routes_1 = __importDefault(require("@pc-routes")); -// @ts-ignore -var _config_1 = __importDefault(require("@config")); -var icon_1 = __importDefault(require("../components/icon")); -var cell_1 = __importDefault(require("../components/cell")); -var ripple_1 = __importDefault(require("../components/ripple")); -require("../components/styles/common.less"); -require("../components/styles/elevation.less"); -var vue_1 = require("vue"); -var vue_router_1 = require("vue-router"); -var lodash_es_1 = require("lodash-es"); -var useProgress_1 = require("../useProgress"); -var defaultLanguage = lodash_es_1.get(_config_1.default, 'defaultLanguage'); -var redirect = lodash_es_1.get(_config_1.default, 'pc.redirect'); -var mobileRedirect = lodash_es_1.get(_config_1.default, 'mobile.redirect'); -redirect && - _pc_routes_1.default.push({ - path: '/:pathMatch(.*)*', - redirect: "/" + defaultLanguage + redirect, - }); -var router = vue_router_1.createRouter({ - history: vue_router_1.createWebHashHistory(), - routes: _pc_routes_1.default, -}); -var isEnd = true; -var _a = useProgress_1.useProgress(), start = _a.start, end = _a.end; -router.beforeEach(function (to, from) { - if (to.path === from.path) { - return false; - } - isEnd = false; - setTimeout(function () { return !isEnd && start(); }, 200); - // @ts-ignore - if (window._hmt) { - if (to.path) { - // @ts-ignore - window._hmt.push(['_trackPageview', "/#" + to.fullPath]); - } - } -}); -router.afterEach(function () { - isEnd = true; - end(); -}); -Object.defineProperty(window, 'onMobileRouteChange', { - value: function (path, language, replace) { - if (path === mobileRedirect) { - router.replace("/" + language + "/" + replace); - return; - } - router.replace("/" + language + path); - } -}); -vue_1.createApp(App_vue_1.default) - .use(router) - // @ts-ignore - .use(cell_1.default) - .use(ripple_1.default) - // @ts-ignore - .use(icon_1.default) - .mount('#app'); diff --git a/packages/varlet-cli/lib/site/useProgress.d.ts b/packages/varlet-cli/lib/site/useProgress.d.ts deleted file mode 100644 index f8f4355b7c9..00000000000 --- a/packages/varlet-cli/lib/site/useProgress.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -export declare function useProgress(): { - start: () => void; - end: () => void; -}; diff --git a/packages/varlet-cli/lib/site/useProgress.js b/packages/varlet-cli/lib/site/useProgress.js deleted file mode 100644 index 2e8f3842e4d..00000000000 --- a/packages/varlet-cli/lib/site/useProgress.js +++ /dev/null @@ -1,58 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.useProgress = void 0; -var progress_1 = __importDefault(require("./components/progress")); -var vue_1 = require("vue"); -// @ts-ignore -var _config_1 = __importDefault(require("@config")); -// @ts-ignore -var utils_1 = require("./utils"); -var lodash_es_1 = require("lodash-es"); -function useProgress() { - var timer; - var trackColor = lodash_es_1.get(_config_1.default, 'themes.color-progress-track'); - var color = lodash_es_1.get(_config_1.default, 'themes.color-progress'); - var props = vue_1.reactive({ - style: { - position: 'fixed', - width: '100%', - left: 0, - top: 0, - zIndex: 10086, - }, - trackColor: trackColor, - color: color, - lineWidth: 3, - value: 0, - }); - var changeValue = function () { - timer = window.setTimeout(function () { - if (props.value >= 95) - return; - var num = Math.random(); - if (props.value < 70) - num = Math.round(5 * Math.random()); - props.value += num; - changeValue(); - }, 200); - }; - var start = function () { - props.value = 0; - setTimeout(function () { return (props.color = color); }, 200); - changeValue(); - }; - var end = function () { - props.value = 100; - setTimeout(function () { return (props.color = trackColor); }, 300); - window.clearTimeout(timer); - }; - utils_1.mountInstance(progress_1.default, props); - return { - start: start, - end: end, - }; -} -exports.useProgress = useProgress; diff --git a/packages/varlet-cli/lib/site/utils.d.ts b/packages/varlet-cli/lib/site/utils.d.ts deleted file mode 100644 index 478d0641866..00000000000 --- a/packages/varlet-cli/lib/site/utils.d.ts +++ /dev/null @@ -1,24 +0,0 @@ -export * from './components/utils/components'; -export * from './components/utils/elements'; -export * from './components/utils/shared'; -export declare type StyleVars = Record; -export declare function camelize(str: string): string; -export declare function bigCamelize(str: string): string; -export interface PCLocationInfo { - language: string; - menuName: string; -} -export declare function getPCLocationInfo(): PCLocationInfo; -export declare function isPhone(): boolean; -export declare enum MenuTypes { - TITLE = 1, - COMPONENT = 2, - DOCUMENTATION = 3 -} -export declare function inIframe(): boolean; -export declare function removeEmpty(object?: Record): Record; -export declare function getHashSearch(): URLSearchParams; -export declare function watchLang(cb: (lang: string) => void, platform?: 'pc' | 'mobile'): void; -export declare function watchPlatform(cb: (platform: string) => void): void; -export declare function addRouteListener(cb: () => void): void; -export declare function setThemes(config: Record): void; diff --git a/packages/varlet-cli/lib/site/utils.js b/packages/varlet-cli/lib/site/utils.js deleted file mode 100644 index 61ce876ad3f..00000000000 --- a/packages/varlet-cli/lib/site/utils.js +++ /dev/null @@ -1,133 +0,0 @@ -"use strict"; -var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -})); -var __exportStar = (this && this.__exportStar) || function(m, exports) { - for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); -}; -var __read = (this && this.__read) || function (o, n) { - var m = typeof Symbol === "function" && o[Symbol.iterator]; - if (!m) return o; - var i = m.call(o), r, ar = [], e; - try { - while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); - } - catch (error) { e = { error: error }; } - finally { - try { - if (r && !r.done && (m = i["return"])) m.call(i); - } - finally { if (e) throw e.error; } - } - return ar; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.setThemes = exports.addRouteListener = exports.watchPlatform = exports.watchLang = exports.getHashSearch = exports.removeEmpty = exports.inIframe = exports.MenuTypes = exports.isPhone = exports.getPCLocationInfo = exports.bigCamelize = exports.camelize = void 0; -var vue_1 = require("vue"); -var lodash_es_1 = require("lodash-es"); -var elements_1 = require("./components/utils/elements"); -__exportStar(require("./components/utils/components"), exports); -__exportStar(require("./components/utils/elements"), exports); -__exportStar(require("./components/utils/shared"), exports); -function StyleProvider(styleVars) { - if (styleVars === void 0) { styleVars = {}; } - var styles = elements_1.formatStyleVars(styleVars); - Object.entries(styles).forEach(function (_a) { - var _b = __read(_a, 2), key = _b[0], value = _b[1]; - return document.documentElement.style.setProperty(key, value); - }); -} -function camelize(str) { - return str.replace(/-(\w)/g, function (_, p) { return p.toUpperCase(); }); -} -exports.camelize = camelize; -function bigCamelize(str) { - return camelize(str).replace(str.charAt(0), str.charAt(0).toUpperCase()); -} -exports.bigCamelize = bigCamelize; -function getPCLocationInfo() { - var _a = __read(window.location.hash.split('/'), 3), language = _a[1], menuName = _a[2]; - return { - language: language, - menuName: menuName - }; -} -exports.getPCLocationInfo = getPCLocationInfo; -function isPhone() { - return /Android|webOS|iPhone|iPod|BlackBerry|Pad/i.test(navigator.userAgent); -} -exports.isPhone = isPhone; -var MenuTypes; -(function (MenuTypes) { - MenuTypes[MenuTypes["TITLE"] = 1] = "TITLE"; - MenuTypes[MenuTypes["COMPONENT"] = 2] = "COMPONENT"; - MenuTypes[MenuTypes["DOCUMENTATION"] = 3] = "DOCUMENTATION"; -})(MenuTypes = exports.MenuTypes || (exports.MenuTypes = {})); -function inIframe() { - return window.self !== window.top; -} -exports.inIframe = inIframe; -function removeEmpty(object) { - if (object === void 0) { object = {}; } - return Object.keys(object).reduce(function (record, key) { - var value = object[key]; - value && (record[key] = value); - return record; - }, {}); -} -exports.removeEmpty = removeEmpty; -function getHashSearch() { - var href = window.location.href; - var hashSearch = href.slice(href.indexOf('?')); - return new URLSearchParams(hashSearch); -} -exports.getHashSearch = getHashSearch; -function watchLang(cb, platform) { - if (platform === void 0) { platform = 'mobile'; } - var handleHashchange = function () { - var _a; - var language = platform === 'mobile' - ? ((_a = getHashSearch().get('language')) !== null && _a !== void 0 ? _a : 'zh-CN') - : getPCLocationInfo().language; - cb(language); - }; - addRouteListener(handleHashchange); - handleHashchange(); -} -exports.watchLang = watchLang; -function watchPlatform(cb) { - var handleHashchange = function () { - var _a; - var platform = (_a = getHashSearch().get('platform')) !== null && _a !== void 0 ? _a : 'mobile'; - cb(platform); - }; - addRouteListener(handleHashchange); - handleHashchange(); -} -exports.watchPlatform = watchPlatform; -function addRouteListener(cb) { - vue_1.onMounted(function () { - window.addEventListener('hashchange', cb); - window.addEventListener('popstate', cb); - }); - vue_1.onUnmounted(function () { - window.removeEventListener('hashchange', cb); - window.removeEventListener('popstate', cb); - }); -} -exports.addRouteListener = addRouteListener; -function setThemes(config) { - var themes = lodash_es_1.get(config, 'themes', {}); - Object.keys(themes).forEach(function (key) { - var _a; - var theme = themes[key]; - StyleProvider((_a = {}, - _a["--site-config-" + key] = theme, - _a)); - }); -} -exports.setThemes = setThemes; diff --git a/packages/varlet-cli/site/mobile/App.vue b/packages/varlet-cli/site/mobile/App.vue index 7fed1b001d3..ecf1fc98b1b 100644 --- a/packages/varlet-cli/site/mobile/App.vue +++ b/packages/varlet-cli/site/mobile/App.vue @@ -77,7 +77,7 @@ import config from '@config' import { computed, ComputedRef, defineComponent, ref, Ref, watch } from 'vue' import { useRoute } from 'vue-router' -import { bigCamelize, removeEmpty, setThemes, watchLang } from '../utils' +import { bigCamelize, inIframe, isPhone, removeEmpty, setThemes, watchLang } from '../utils' import { get } from 'lodash-es' export default defineComponent({ @@ -96,10 +96,18 @@ export default defineComponent({ language.value = lang showMenu.value = false window.location.href = `./mobile.html#${route.path}?language=${language.value}&replace=${route.query.replace}` + + if (!isPhone() && inIframe()) { + (window.top as any).scrollToMenu(redirect.slice(1)) + } } const back = () => { window.location.href = `./mobile.html#${redirect}?language=${language.value}&replace=${redirect.slice(1)}` + + if (!isPhone() && inIframe()) { + (window.top as any).scrollToMenu(redirect.slice(1)) + } } const toGithub = () => { diff --git a/packages/varlet-cli/site/mobile/components/AppHome.vue b/packages/varlet-cli/site/mobile/components/AppHome.vue index a412a3a1320..18a5693bd21 100644 --- a/packages/varlet-cli/site/mobile/components/AppHome.vue +++ b/packages/varlet-cli/site/mobile/components/AppHome.vue @@ -25,7 +25,7 @@ import config from '@config' import { useRouter } from 'vue-router' import { reactive, ref } from 'vue' -import { watchLang, watchPlatform } from '../../utils' +import { inIframe, isPhone, watchLang, watchPlatform } from '../../utils' export default { name: 'AppHome', @@ -57,6 +57,10 @@ export default { replace: component.doc }, }) + + if (!isPhone() && inIframe()) { + window.top.scrollToMenu(component.doc) + } } return { diff --git a/packages/varlet-cli/site/mobile/main.ts b/packages/varlet-cli/site/mobile/main.ts index 7f6ab53fc5a..f2f1c8a52dd 100644 --- a/packages/varlet-cli/site/mobile/main.ts +++ b/packages/varlet-cli/site/mobile/main.ts @@ -30,6 +30,7 @@ redirect && routes.push({ path: '/home', + // @ts-ignore component: () => import('./components/AppHome.vue') }) diff --git a/packages/varlet-cli/site/pc/components/AppSidebar.vue b/packages/varlet-cli/site/pc/components/AppSidebar.vue index cb878af14bc..ce25445a2ff 100644 --- a/packages/varlet-cli/site/pc/components/AppSidebar.vue +++ b/packages/varlet-cli/site/pc/components/AppSidebar.vue @@ -2,6 +2,7 @@