@aplus-frontend/ui 0.1.41 → 0.2.0-beta.0

package/es/src/pro-table/types/table.d.ts

@@ -1,383 +0,0 @@
-import { ColumnProps, default as AntDesignVueTable } from 'ant-design-vue/es/table';
-import { Fn, Recordable } from '../../type';
-import { VNode, VNodeChild } from 'vue';
-import { ComponentType } from '../component-map';
-import { ProFormProps } from '../../pro-form';
-import { PaginationProps } from './pagination';
-import { TableRowSelection as AntdTableRowSelection, Key } from 'ant-design-vue/es/table/interface';
-import { FixedType } from 'ant-design-vue/es/vc-table/interface';
-export type CellFormat = string | ((text: string, record: Recordable, index: number) => string | number) | Map<string | number, any>;
-export interface BasicColumn extends Omit<ColumnProps<Recordable>, 'filters'> {
-    children?: BasicColumn[];
-    filters?: {
-        text: string;
-        value: string;
-        children?: unknown[] | (((props: Record<string, unknown>) => unknown[]) & (() => unknown[]) & (() => unknown[]));
-    }[];
-    flag?: 'INDEX' | 'DEFAULT' | 'CHECKBOX' | 'RADIO' | 'ACTION';
-    customTitle?: VNode | VNodeChild;
-    slots?: Recordable;
-    customHeaderRender?: (column: BasicColumn) => string | VNodeChild | VNode;
-    defaultHidden?: boolean;
-    helpMessage?: string | string[] | VNodeChild | VNode;
-    format?: CellFormat;
-    edit?: boolean;
-    editRow?: boolean;
-    editable?: boolean;
-    editComponent?: ComponentType;
-    editComponentProps?: ((opt: {
-        text: string | number | boolean | Recordable;
-        record: Recordable;
-        column: BasicColumn;
-        index: number;
-    }) => Recordable) | Recordable;
-    editRule?: boolean | ((text: string, record: Recordable) => Promise<string>);
-    editValueMap?: (value: any) => string;
-    onEditRow?: () => void;
-    auth?: string | string[];
-    ifShow?: boolean | ((column: BasicColumn) => boolean);
-    editRender?: (opt: {
-        text: string | number | boolean | Recordable;
-        record: Recordable;
-        column: BasicColumn;
-        index: number;
-        currentValue: string | number | boolean | Recordable;
-    }) => VNodeChild | VNode;
-    editDynamicDisabled?: boolean | ((record: Recordable) => boolean);
-}
-export interface SorterResult {
-    column: ColumnProps;
-    order: SortOrder;
-    field: string;
-    columnKey: string;
-}
-export type SortOrder = 'ascend' | 'descend';
-export interface TableSetting {
-    redo?: boolean;
-    size?: boolean;
-    setting?: boolean;
-    settingCache?: boolean;
-    fullScreen?: boolean;
-}
-export interface FetchSetting {
-    pageField: string;
-    sizeField: string;
-    listField: string;
-    totalField: string;
-}
-export interface TableCustomRecord<T> {
-    record?: T;
-    index?: number;
-}
-export interface ExpandedRowRenderRecord<T> extends TableCustomRecord<T> {
-    indent?: number;
-    expanded?: boolean;
-}
-export interface TableRowSelection<T = any> extends AntdTableRowSelection {
-    /**
-     * Callback executed when selected rows change
-     * @param selectedRowKeys 已选的 keyValues
-     * @param selectedRows 已选的 records
-     * @param isClickCustomRow 是否是点击行触发（反之，就是点击checkbox/radiobox）
-     * @returns void
-     */
-    onChange?: (selectedRowKeys: Key[], selectedRows: T[], isClickCustomRow?: boolean) => void;
-    /**
-     * Callback executed when select/deselect one row
-     * @type Function
-     */
-    onSelect?: (record: T, selected: boolean, selectedRows: object[], nativeEvent: Event) => any;
-    /**
-     * Callback executed when select/deselect all rows
-     * @type Function
-     */
-    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => any;
-    /**
-     * Callback executed when row selection is inverted
-     * @type Function
-     */
-    onSelectInvert?: (selectedRows: Key[]) => any;
-}
-export type SizeType = 'default' | 'middle' | 'small' | 'large';
-export type ColumnChangeParam = {
-    dataIndex: string;
-    fixed: boolean | 'left' | 'right' | undefined;
-    visible: boolean;
-};
-export interface BasicTableProps<T = any> {
-    clickToRowSelect?: boolean;
-    isTreeTable?: boolean;
-    accordion?: boolean;
-    sortFn?: (sortInfo: SorterResult) => any;
-    filterFn?: (data: Partial<Recordable<string[]>>) => any;
-    inset?: boolean;
-    showTableSetting?: boolean;
-    tableSetting?: TableSetting;
-    striped?: boolean;
-    autoCreateKey?: boolean;
-    summaryFunc?: (...arg: any) => Recordable[];
-    summaryData?: Recordable[];
-    showSummary?: boolean;
-    canColDrag?: boolean;
-    api?: (...arg: any) => Promise<any>;
-    beforeFetch?: Fn;
-    afterFetch?: Fn;
-    handleSearchInfoFn?: Fn;
-    fetchSetting?: Partial<FetchSetting>;
-    immediate?: boolean;
-    emptyDataIsShowTable?: boolean;
-    searchInfo?: Recordable;
-    defSort?: Recordable;
-    useSearchForm?: boolean;
-    formConfig?: Partial<ProFormProps>;
-    columns: BasicColumn[];
-    showIndexColumn?: boolean;
-    indexColumnProps?: BasicColumn;
-    actionColumn?: BasicColumn;
-    ellipsis?: boolean;
-    isCanResizeParent?: boolean;
-    canResize?: boolean;
-    resizeHeightOffset?: number;
-    clearSelectOnPageChange?: boolean;
-    rowKey?: InstanceType<typeof AntDesignVueTable>['$props']['rowKey'];
-    dataSource?: Recordable[];
-    titleHelpMessage?: string | string[];
-    maxHeight?: number;
-    bordered?: boolean;
-    pagination?: PaginationProps | boolean;
-    loading?: boolean;
-    /**
-     * The column contains children to display
-     * @default 'children'
-     * @type string | string[]
-     */
-    childrenColumnName?: string;
-    /**
-     * Override default table elements
-     * @type object
-     */
-    components?: object;
-    /**
-     * Expand all rows initially
-     * @default false
-     * @type boolean
-     */
-    defaultExpandAllRows?: boolean;
-    /**
-     * Initial expanded row keys
-     * @type string[]
-     */
-    defaultExpandedRowKeys?: string[];
-    /**
-     * Current expanded row keys
-     * @type string[]
-     */
-    expandedRowKeys?: string[];
-    /**
-     * Expanded container render for each row
-     * @type Function
-     */
-    expandedRowRender?: (record?: ExpandedRowRenderRecord<T>) => VNodeChild | VNode;
-    /**
-     * Customize row expand Icon.
-     * @type Function | VNodeChild
-     */
-    expandIcon?: Fn | VNodeChild | VNode;
-    /**
-     * Whether to expand row by clicking anywhere in the whole row
-     * @default false
-     * @type boolean
-     */
-    expandRowByClick?: boolean;
-    /**
-     * The index of `expandIcon` which column will be inserted when `expandIconAsCell` is false. default 0
-     */
-    expandIconColumnIndex?: number;
-    /**
-     * Table footer renderer
-     * @type Function | VNodeChild
-     */
-    footer?: Fn | VNodeChild | VNode;
-    /**
-     * Indent size in pixels of tree data
-     * @default 15
-     * @type number
-     */
-    indentSize?: number;
-    /**
-     * i18n text including filter, sort, empty text, etc
-     * @default { filterConfirm: 'Ok', filterReset: 'Reset', emptyText: 'No Data' }
-     * @type object
-     */
-    locale?: object;
-    /**
-     * Row's className
-     * @type Function
-     */
-    rowClassName?: (record: TableCustomRecord<T>, index: number) => string;
-    /**
-     * Row selection config
-     * @type object
-     */
-    rowSelection?: TableRowSelection;
-    /**
-     * Show table selection bar（显示多选状态栏）
-     * @type boolean
-     */
-    showSelectionBar?: boolean;
-    /**
-     * Set horizontal or vertical scrolling, can also be used to specify the width and height of the scroll area.
-     * It is recommended to set a number for x, if you want to set it to true,
-     * you need to add style .ant-table td { white-space: nowrap; }.
-     * @type object
-     */
-    scroll?: InstanceType<typeof AntDesignVueTable>['$props']['scroll'];
-    /**
-     * Whether to show table header
-     * @default true
-     * @type boolean
-     */
-    showHeader?: boolean;
-    /**
-     * Size of table
-     * @default 'default'
-     * @type string
-     */
-    size?: SizeType;
-    /**
-     * Table title renderer
-     * @type Function | ScopedSlot
-     */
-    title?: VNodeChild | VNode | string | ((data: Recordable) => string);
-    /**
-     * Set props on per header row
-     * @type Function
-     */
-    customHeaderRow?: (column: ColumnProps, index: number) => object;
-    /**
-     * Set props on per row
-     * @type Function
-     */
-    customRow?: (record: T, index: number) => object;
-    /**
-     * `table-layout` attribute of table element
-     * `fixed` when header/columns are fixed, or using `column.ellipsis`
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
-     * @version 1.5.0
-     */
-    tableLayout?: 'auto' | 'fixed' | string;
-    /**
-     * the render container of dropdowns in table
-     * @param triggerNode
-     * @version 1.5.0
-     */
-    getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
-    /**
-     * Data can be changed again before rendering.
-     * The default configuration of general user empty data.
-     * You can configured globally through [ConfigProvider](https://antdv.com/components/config-provider-cn/)
-     *
-     * @version 1.5.4
-     */
-    transformCellText?: Fn;
-    /**
-     * Callback executed before editable cell submit value, not for row-editor
-     *
-     * The cell will not submit data while callback return false
-     */
-    beforeEditSubmit?: (data: {
-        record: Recordable;
-        index: number;
-        key: Key;
-        value: any;
-    }) => Promise<any>;
-    /**
-     * Callback executed when pagination, filters or sorter is changed
-     * @param pagination
-     * @param filters
-     * @param sorter
-     * @param currentDataSource
-     */
-    onChange?: (pagination: any, filters: any, sorter: any, extra: any) => void;
-    /**
-     * Callback executed when the row expand icon is clicked
-     *
-     * @param expanded
-     * @param record
-     */
-    onExpand?: (expanded: boolean, record: T) => void;
-    /**
-     * Callback executed when the expanded rows change
-     * @param expandedRows
-     */
-    onExpandedRowsChange?: (expandedRows: string[] | number[]) => void;
-    onColumnsChange?: (data: ColumnChangeParam[]) => void;
-}
-export interface FetchParams {
-    searchInfo?: Recordable;
-    page?: number;
-    sortInfo?: Recordable;
-    filterInfo?: Recordable;
-}
-export interface GetColumnsParams {
-    ignoreIndex?: boolean;
-    ignoreAction?: boolean;
-    sort?: boolean;
-}
-export interface TableActionType {
-    reload: (opt?: FetchParams) => Promise<Recordable<any>[] | undefined>;
-    setSelectedRows: (rows: Recordable[]) => void;
-    getSelectRows: <T = Recordable>() => T[];
-    clearSelectedRowKeys: () => void;
-    expandAll: () => void;
-    collapseAll: () => void;
-    expandRows: (keyValues: Key[]) => void;
-    collapseRows: (keyValues: Key[]) => void;
-    scrollTo: (pos: string) => void;
-    getSelectRowKeys: () => Key[];
-    deleteSelectRowByKey: (keyValue: Key) => void;
-    setPagination: (info: Partial<PaginationProps>) => void;
-    setTableData: <T = Recordable>(values: T[]) => void;
-    updateTableDataRecord: (keyValue: Key, record: Recordable) => Recordable | void;
-    deleteTableDataRecord: (keyValues: Key | Key[]) => void;
-    insertTableDataRecord: (record: Recordable | Recordable[], index?: number) => Recordable[] | void;
-    findTableDataRecord: (keyValue: Key) => Recordable | void;
-    getColumns: (opt?: GetColumnsParams) => BasicColumn[];
-    setColumns: (columns: BasicColumn[] | string[]) => void;
-    getDataSource: <T = Recordable>() => T[];
-    getRawDataSource: <T = Recordable>() => T;
-    setLoading: (loading: boolean) => void;
-    setProps: (props: Partial<BasicTableProps>) => void;
-    redoHeight: () => void;
-    setSelectedRowKeys: (keyValues: Key[]) => void;
-    getPaginationRef: () => PaginationProps | boolean;
-    getSize: () => SizeType;
-    getRowSelection: () => TableRowSelection<Recordable>;
-    getCacheColumns: () => BasicColumn[];
-    emit?: ReturnType<typeof defineEmits>;
-    updateTableData: (index: number, key: string, value: any) => Recordable;
-    setShowPagination: (show: boolean) => Promise<void>;
-    getShowPagination: () => boolean;
-    setCacheColumnsByField?: (dataIndex: string | undefined, value: BasicColumn) => void;
-    setCacheColumns?: (columns: BasicColumn[]) => void;
-}
-export interface ColumnOptionsType {
-    value: string;
-    label: string;
-    column: {
-        defaultHidden?: boolean;
-    };
-    fixed?: FixedType;
-}
-export interface InnerHandlers {
-    onColumnsChange: (data: ColumnChangeParam[]) => void;
-}
-export interface InnerMethods {
-    clearSelectedRowKeys: TableActionType['clearSelectedRowKeys'];
-    getSelectRowKeys: TableActionType['getSelectRowKeys'];
-}
-export interface TableCustomRecord<T> {
-    record?: T;
-    index?: number;
-}

package/es/src/pro-table/types/table.mjs

@@ -1 +0,0 @@
-

package/es/src/prompt/dialog.vue.d.ts

@@ -1,13 +0,0 @@
-import { PromptDialogProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: DefineComponent<__VLS_TypePropsToOption<PromptDialogProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<PromptDialogProps>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};

package/es/src/prompt/dialog.vue.mjs

@@ -1,4 +0,0 @@
-import f from "./dialog.vue2.mjs";
-export {
-  f as default
-};

package/es/src/prompt/dialog.vue2.mjs

@@ -1,60 +0,0 @@
-import { defineComponent as f, ref as l, openBlock as h, createBlock as w, unref as o, withCtx as x, createElementVNode as g, normalizeClass as v, createVNode as y } from "vue";
-import { Modal as k } from "ant-design-vue";
-import "../pro-form/index.mjs";
-import "../config-provider/index.mjs";
-import "./style/dialog.css";
-import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as O } from "../config-provider/hooks/use-namespace.mjs";
-import { useForm as _ } from "../pro-form/hooks/use-form.mjs";
-import b from "../pro-form/pro-form.vue.mjs";
-const R = /* @__PURE__ */ f({
-  __name: "dialog",
-  props: {
-    title: {},
-    addFormSchemas: {},
-    onOK: { type: Function },
-    width: {},
-    labelWidth: {},
-    layout: {}
-  },
-  setup(m) {
-    const e = m, a = l(!0), n = l(!1), { t: i } = T(), { e: s } = O("prompt-dialog"), [c, { validate: p }] = _({
-      schemas: e.addFormSchemas,
-      showActionButtonGroup: !1,
-      labelWidth: e.labelWidth || 80,
-      layout: e.layout || "horizontal"
-    });
-    async function d() {
-      n.value = !0;
-      try {
-        const t = await p();
-        e.onOK && await e.onOK(t.txt), a.value = !1;
-      } finally {
-        n.value = !1;
-      }
-    }
-    return (t, r) => (h(), w(o(k), {
-      open: a.value,
-      "onUpdate:open": r[0] || (r[0] = (u) => a.value = u),
-      title: t.title,
-      onOk: d,
-      confirmLoading: n.value,
-      destroyOnClose: !0,
-      width: t.width || "500px",
-      okText: o(i)("ap.common.okText"),
-      cancelText: o(i)("ap.common.cancelText")
-    }, {
-      default: x(() => [
-        g("div", {
-          class: v(o(s)("content"))
-        }, [
-          y(o(b), { onRegister: o(c) }, null, 8, ["onRegister"])
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["open", "title", "confirmLoading", "width", "okText", "cancelText"]));
-  }
-});
-export {
-  R as default
-};

package/es/src/prompt/index.d.ts

@@ -1,10 +0,0 @@
-import { VNode, RendererNode, RendererElement } from 'vue';
-import { PromptProps } from './interface';
-export declare function createPrompt(props: PromptProps): {
-    vm: VNode< RendererNode, RendererElement, {
-        [key: string]: any;
-    }>;
-    close: () => void;
-    readonly $el: HTMLElement;
-};
-export { PromptProps };

package/es/src/prompt/index.mjs

@@ -1,34 +0,0 @@
-import { reactive as a, defineComponent as o, h as i, createVNode as d, render as u } from "vue";
-import { genFormSchemas as m } from "./utils.mjs";
-import "./dialog.vue.mjs";
-import c from "./dialog.vue2.mjs";
-function N(r) {
-  let e = null;
-  const t = a({
-    ...r,
-    addFormSchemas: m({
-      label: r.label,
-      required: r.required,
-      inputType: r.inputType,
-      defaultValue: r.defaultValue
-    })
-  }), n = o({
-    render() {
-      return i(c, { ...t });
-    }
-  });
-  e = d(n), u(e, document.createElement("div"));
-  function l() {
-    e != null && e.el && e.el.parentNode && e.el.parentNode.removeChild(e.el);
-  }
-  return {
-    vm: e,
-    close: l,
-    get $el() {
-      return e == null ? void 0 : e.el;
-    }
-  };
-}
-export {
-  N as createPrompt
-};

package/es/src/prompt/interface.d.ts

@@ -1,23 +0,0 @@
-import { Fn } from '../type';
-import { FormSchema } from '../pro-form';
-export type PromptDialogProps = {
-    title: string;
-    addFormSchemas: FormSchema[];
-    onOK?: Fn;
-    width?: string;
-    labelWidth?: number;
-    layout?: 'horizontal' | 'vertical' | 'inline';
-};
-type InputType = 'InputTextArea' | 'InputNumber' | 'Input';
-export interface PromptProps {
-    title: string;
-    label?: string;
-    required?: boolean;
-    onOK?: Fn;
-    inputType?: InputType;
-    labelWidth?: number;
-    width?: string;
-    layout?: 'horizontal' | 'vertical' | 'inline';
-    defaultValue?: string | number;
-}
-export {};

package/es/src/prompt/style/dialog.css

@@ -1,4 +0,0 @@
-.aplus-prompt-dialog__content {
-  padding-top: 1.25rem;
-  padding-right: 3px;
-}

package/es/src/prompt/utils.d.ts

@@ -1,11 +0,0 @@
-import { ComponentFormSchema } from '..';
-import { ComponentProps } from '../pro-form/types';
-type InputType = 'InputTextArea' | 'InputNumber' | 'Input';
-interface GenFormSchemasOptions {
-    label?: string;
-    required?: boolean;
-    inputType?: InputType;
-    defaultValue?: string | number;
-}
-export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): ComponentFormSchema<keyof ComponentProps, {}>[];
-export {};

package/es/src/prompt/utils.mjs

@@ -1,43 +0,0 @@
-const p = {
-  InputTextArea: {
-    colProps: { span: 23 },
-    componentProps: {
-      placeholder: "请输入内容",
-      autoSize: { minRows: 2, maxRows: 6 },
-      maxlength: 255,
-      showCount: !0
-    }
-  },
-  InputNumber: {
-    colProps: { span: 20, offset: 2 },
-    componentProps: {
-      placeholder: "请输入数字",
-      min: 0
-    }
-  },
-  Input: {
-    colProps: { span: 20, offset: 2 },
-    componentProps: {
-      placeholder: "请输入内容",
-      min: 0
-    }
-  }
-};
-function s({
-  label: e = "备注信息",
-  required: n = !0,
-  inputType: o = "InputTextArea",
-  defaultValue: t = ""
-}) {
-  return [{
-    field: "txt",
-    component: o,
-    label: e,
-    defaultValue: t,
-    required: !!n,
-    ...p[o]
-  }];
-}
-export {
-  s as genFormSchemas
-};

package/es/src/scroll-bar/bar-item.d.ts

@@ -1,15 +0,0 @@
-import { DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-declare const _default: DefineComponent<{
-    vertical: BooleanConstructor;
-    size: StringConstructor;
-    move: NumberConstructor;
-}, () => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    vertical: BooleanConstructor;
-    size: StringConstructor;
-    move: NumberConstructor;
-}>>, {
-    vertical: boolean;
-}, {}>;
-export default _default;

package/es/src/scroll-bar/bar-item.mjs

@@ -1,63 +0,0 @@
-import { defineComponent as S, getCurrentInstance as k, ref as m, inject as H, computed as M, onUnmounted as R, h as b } from "vue";
-import { on as h, off as P } from "@aplus-frontend/utils";
-import { BAR_MAP as T, renderThumbStyle as x } from "./utils.mjs";
-import "./style/bar-item.css";
-import "../config-provider/index.mjs";
-import { useNamespace as y } from "../config-provider/hooks/use-namespace.mjs";
-const { e: w, is: A } = y("scrollbar"), _ = S({
-  name: "ApBar",
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number
-  },
-  setup(a) {
-    const o = k(), r = m(), n = H(
-      "scroll-bar-wrap",
-      {}
-    ), e = M(() => T[a.vertical ? "vertical" : "horizontal"]), s = m({}), c = m(), B = (t) => {
-      var l;
-      t.ctrlKey || t.button === 2 || ((l = window.getSelection()) == null || l.removeAllRanges(), C(t), s.value[e.value.axis] = t.currentTarget[e.value.offset] - (t[e.value.client] - t.currentTarget.getBoundingClientRect()[e.value.direction]));
-    }, z = (t) => {
-      var u;
-      const l = Math.abs(
-        t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
-      ), i = r.value[e.value.offset] / 2, v = (l - i) * 100 / ((u = o == null ? void 0 : o.vnode.el) == null ? void 0 : u[e.value.offset]);
-      n.value[e.value.scroll] = v * n.value[e.value.scrollSize] / 100;
-    }, C = (t) => {
-      t.stopImmediatePropagation(), c.value = !0, h(document, "mousemove", f), h(document, "mouseup", d), document.onselectstart = () => !1;
-    }, f = (t) => {
-      var g, p;
-      if (c.value === !1) return;
-      const l = s.value[e.value.axis];
-      if (!l) return;
-      const i = (((g = o == null ? void 0 : o.vnode.el) == null ? void 0 : g.getBoundingClientRect()[e.value.direction]) - t[e.value.client]) * -1, v = r.value[e.value.offset] - l, u = (i - v) * 100 / ((p = o == null ? void 0 : o.vnode.el) == null ? void 0 : p[e.value.offset]);
-      n.value[e.value.scroll] = u * n.value[e.value.scrollSize] / 100;
-    };
-    function d() {
-      c.value = !1, s.value[e.value.axis] = 0, P(document, "mousemove", f), document.onselectstart = null;
-    }
-    return R(() => {
-      P(document, "mouseup", d);
-    }), () => b(
-      "div",
-      {
-        class: [w("bar"), A(e.value.key)],
-        onMousedown: z
-      },
-      b("div", {
-        ref: r,
-        class: w("thumb"),
-        onMousedown: B,
-        style: x({
-          size: a.size,
-          move: a.move,
-          bar: e.value
-        })
-      })
-    );
-  }
-});
-export {
-  _ as default
-};