first commit
This commit is contained in:
96
node_modules/vant/es/cascader/Cascader.d.ts
generated
vendored
Normal file
96
node_modules/vant/es/cascader/Cascader.d.ts
generated
vendored
Normal file
@@ -0,0 +1,96 @@
|
||||
import { type PropType, type ExtractPropTypes } from 'vue';
|
||||
import type { CascaderOption, CascaderFieldNames } from './types';
|
||||
export declare const cascaderProps: {
|
||||
title: StringConstructor;
|
||||
options: {
|
||||
type: PropType<CascaderOption[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
closeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
swipeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeIcon: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
showHeader: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: (NumberConstructor | StringConstructor)[];
|
||||
fieldNames: PropType<CascaderFieldNames>;
|
||||
placeholder: StringConstructor;
|
||||
activeColor: StringConstructor;
|
||||
};
|
||||
export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
title: StringConstructor;
|
||||
options: {
|
||||
type: PropType<CascaderOption[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
closeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
swipeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeIcon: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
showHeader: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: (NumberConstructor | StringConstructor)[];
|
||||
fieldNames: PropType<CascaderFieldNames>;
|
||||
placeholder: StringConstructor;
|
||||
activeColor: StringConstructor;
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
title: StringConstructor;
|
||||
options: {
|
||||
type: PropType<CascaderOption[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
closeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
swipeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeIcon: {
|
||||
type: PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
showHeader: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: (NumberConstructor | StringConstructor)[];
|
||||
fieldNames: PropType<CascaderFieldNames>;
|
||||
placeholder: StringConstructor;
|
||||
activeColor: StringConstructor;
|
||||
}>> & Readonly<{
|
||||
onChange?: ((...args: any[]) => any) | undefined;
|
||||
onClose?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
||||
onClickTab?: ((...args: any[]) => any) | undefined;
|
||||
onFinish?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
closeIcon: string;
|
||||
closeable: boolean;
|
||||
options: CascaderOption[];
|
||||
swipeable: boolean;
|
||||
showHeader: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
240
node_modules/vant/es/cascader/Cascader.mjs
generated
vendored
Normal file
240
node_modules/vant/es/cascader/Cascader.mjs
generated
vendored
Normal file
@@ -0,0 +1,240 @@
|
||||
import { ref, watch, nextTick, defineComponent, createVNode as _createVNode } from "vue";
|
||||
import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
|
||||
import { useRefs } from "../composables/use-refs.mjs";
|
||||
import { Tab } from "../tab/index.mjs";
|
||||
import { Tabs } from "../tabs/index.mjs";
|
||||
import { Icon } from "../icon/index.mjs";
|
||||
const [name, bem, t] = createNamespace("cascader");
|
||||
const cascaderProps = {
|
||||
title: String,
|
||||
options: makeArrayProp(),
|
||||
closeable: truthProp,
|
||||
swipeable: truthProp,
|
||||
closeIcon: makeStringProp("cross"),
|
||||
showHeader: truthProp,
|
||||
modelValue: numericProp,
|
||||
fieldNames: Object,
|
||||
placeholder: String,
|
||||
activeColor: String
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: cascaderProps,
|
||||
emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
|
||||
setup(props, {
|
||||
slots,
|
||||
emit
|
||||
}) {
|
||||
const tabs = ref([]);
|
||||
const activeTab = ref(0);
|
||||
const [selectedElementRefs, setSelectedElementRefs] = useRefs();
|
||||
const {
|
||||
text: textKey,
|
||||
value: valueKey,
|
||||
children: childrenKey
|
||||
} = extend({
|
||||
text: "text",
|
||||
value: "value",
|
||||
children: "children"
|
||||
}, props.fieldNames);
|
||||
const getSelectedOptionsByValue = (options, value) => {
|
||||
for (const option of options) {
|
||||
if (option[valueKey] === value) {
|
||||
return [option];
|
||||
}
|
||||
if (option[childrenKey]) {
|
||||
const selectedOptions = getSelectedOptionsByValue(option[childrenKey], value);
|
||||
if (selectedOptions) {
|
||||
return [option, ...selectedOptions];
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
const updateTabs = () => {
|
||||
const {
|
||||
options,
|
||||
modelValue
|
||||
} = props;
|
||||
if (modelValue !== void 0) {
|
||||
const selectedOptions = getSelectedOptionsByValue(options, modelValue);
|
||||
if (selectedOptions) {
|
||||
let optionsCursor = options;
|
||||
tabs.value = selectedOptions.map((option) => {
|
||||
const tab = {
|
||||
options: optionsCursor,
|
||||
selected: option
|
||||
};
|
||||
const next = optionsCursor.find((item) => item[valueKey] === option[valueKey]);
|
||||
if (next) {
|
||||
optionsCursor = next[childrenKey];
|
||||
}
|
||||
return tab;
|
||||
});
|
||||
if (optionsCursor) {
|
||||
tabs.value.push({
|
||||
options: optionsCursor,
|
||||
selected: null
|
||||
});
|
||||
}
|
||||
nextTick(() => {
|
||||
activeTab.value = tabs.value.length - 1;
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
tabs.value = [{
|
||||
options,
|
||||
selected: null
|
||||
}];
|
||||
};
|
||||
const onSelect = (option, tabIndex) => {
|
||||
if (option.disabled) {
|
||||
return;
|
||||
}
|
||||
tabs.value[tabIndex].selected = option;
|
||||
if (tabs.value.length > tabIndex + 1) {
|
||||
tabs.value = tabs.value.slice(0, tabIndex + 1);
|
||||
}
|
||||
if (option[childrenKey]) {
|
||||
const nextTab = {
|
||||
options: option[childrenKey],
|
||||
selected: null
|
||||
};
|
||||
if (tabs.value[tabIndex + 1]) {
|
||||
tabs.value[tabIndex + 1] = nextTab;
|
||||
} else {
|
||||
tabs.value.push(nextTab);
|
||||
}
|
||||
nextTick(() => {
|
||||
activeTab.value++;
|
||||
});
|
||||
}
|
||||
const selectedOptions = tabs.value.map((tab) => tab.selected).filter(Boolean);
|
||||
emit("update:modelValue", option[valueKey]);
|
||||
const params = {
|
||||
value: option[valueKey],
|
||||
tabIndex,
|
||||
selectedOptions
|
||||
};
|
||||
emit("change", params);
|
||||
if (!option[childrenKey]) {
|
||||
emit("finish", params);
|
||||
}
|
||||
};
|
||||
const onClose = () => emit("close");
|
||||
const onClickTab = ({
|
||||
name: name2,
|
||||
title
|
||||
}) => emit("clickTab", name2, title);
|
||||
const renderHeader = () => props.showHeader ? _createVNode("div", {
|
||||
"class": bem("header")
|
||||
}, [_createVNode("h2", {
|
||||
"class": bem("title")
|
||||
}, [slots.title ? slots.title() : props.title]), props.closeable ? _createVNode(Icon, {
|
||||
"name": props.closeIcon,
|
||||
"class": [bem("close-icon"), HAPTICS_FEEDBACK],
|
||||
"onClick": onClose
|
||||
}, null) : null]) : null;
|
||||
const renderOption = (option, selectedOption, tabIndex) => {
|
||||
const {
|
||||
disabled
|
||||
} = option;
|
||||
const selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
|
||||
const color = option.color || (selected ? props.activeColor : void 0);
|
||||
const Text = slots.option ? slots.option({
|
||||
option,
|
||||
selected
|
||||
}) : _createVNode("span", null, [option[textKey]]);
|
||||
return _createVNode("li", {
|
||||
"ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
|
||||
"role": "menuitemradio",
|
||||
"class": [bem("option", {
|
||||
selected,
|
||||
disabled
|
||||
}), option.className],
|
||||
"style": {
|
||||
color
|
||||
},
|
||||
"tabindex": disabled ? void 0 : selected ? 0 : -1,
|
||||
"aria-checked": selected,
|
||||
"aria-disabled": disabled || void 0,
|
||||
"onClick": () => onSelect(option, tabIndex)
|
||||
}, [Text, selected ? _createVNode(Icon, {
|
||||
"name": "success",
|
||||
"class": bem("selected-icon")
|
||||
}, null) : null]);
|
||||
};
|
||||
const renderOptions = (options, selectedOption, tabIndex) => _createVNode("ul", {
|
||||
"role": "menu",
|
||||
"class": bem("options")
|
||||
}, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
|
||||
const renderTab = (tab, tabIndex) => {
|
||||
const {
|
||||
options,
|
||||
selected
|
||||
} = tab;
|
||||
const placeholder = props.placeholder || t("select");
|
||||
const title = selected ? selected[textKey] : placeholder;
|
||||
return _createVNode(Tab, {
|
||||
"title": title,
|
||||
"titleClass": bem("tab", {
|
||||
unselected: !selected
|
||||
})
|
||||
}, {
|
||||
default: () => {
|
||||
var _a, _b;
|
||||
return [(_a = slots["options-top"]) == null ? void 0 : _a.call(slots, {
|
||||
tabIndex
|
||||
}), renderOptions(options, selected, tabIndex), (_b = slots["options-bottom"]) == null ? void 0 : _b.call(slots, {
|
||||
tabIndex
|
||||
})];
|
||||
}
|
||||
});
|
||||
};
|
||||
const renderTabs = () => _createVNode(Tabs, {
|
||||
"active": activeTab.value,
|
||||
"onUpdate:active": ($event) => activeTab.value = $event,
|
||||
"shrink": true,
|
||||
"animated": true,
|
||||
"class": bem("tabs"),
|
||||
"color": props.activeColor,
|
||||
"swipeable": props.swipeable,
|
||||
"onClickTab": onClickTab
|
||||
}, {
|
||||
default: () => [tabs.value.map(renderTab)]
|
||||
});
|
||||
const scrollIntoView = (el) => {
|
||||
const scrollParent = el.parentElement;
|
||||
if (scrollParent) {
|
||||
scrollParent.scrollTop = el.offsetTop - (scrollParent.offsetHeight - el.offsetHeight) / 2;
|
||||
}
|
||||
};
|
||||
updateTabs();
|
||||
watch(activeTab, (value) => {
|
||||
const el = selectedElementRefs.value[value];
|
||||
if (el) scrollIntoView(el);
|
||||
});
|
||||
watch(() => props.options, updateTabs, {
|
||||
deep: true
|
||||
});
|
||||
watch(() => props.modelValue, (value) => {
|
||||
if (value !== void 0) {
|
||||
const values = tabs.value.map((tab) => {
|
||||
var _a;
|
||||
return (_a = tab.selected) == null ? void 0 : _a[valueKey];
|
||||
});
|
||||
if (values.includes(value)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
updateTabs();
|
||||
});
|
||||
return () => _createVNode("div", {
|
||||
"class": bem()
|
||||
}, [renderHeader(), renderTabs()]);
|
||||
}
|
||||
});
|
||||
export {
|
||||
cascaderProps,
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/cascader/index.css
generated
vendored
Normal file
1
node_modules/vant/es/cascader/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-cascader-header-height: 48px;--van-cascader-header-padding: 0 var(--van-padding-md);--van-cascader-title-font-size: var(--van-font-size-lg);--van-cascader-title-line-height: 20px;--van-cascader-close-icon-size: 22px;--van-cascader-close-icon-color: var(--van-gray-5);--van-cascader-selected-icon-size: 18px;--van-cascader-tabs-height: 48px;--van-cascader-active-color: var(--van-primary-color);--van-cascader-options-height: 384px;--van-cascader-option-disabled-color: var(--van-text-color-3);--van-cascader-tab-color: var(--van-text-color);--van-cascader-unselected-tab-color: var(--van-text-color-2)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}
|
||||
74
node_modules/vant/es/cascader/index.d.ts
generated
vendored
Normal file
74
node_modules/vant/es/cascader/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,74 @@
|
||||
export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
title: StringConstructor;
|
||||
options: {
|
||||
type: import("vue").PropType<import("./types").CascaderOption[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
closeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
swipeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
showHeader: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: (NumberConstructor | StringConstructor)[];
|
||||
fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
|
||||
placeholder: StringConstructor;
|
||||
activeColor: StringConstructor;
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
title: StringConstructor;
|
||||
options: {
|
||||
type: import("vue").PropType<import("./types").CascaderOption[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
closeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
swipeable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeIcon: {
|
||||
type: import("vue").PropType<string>;
|
||||
default: string;
|
||||
};
|
||||
showHeader: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
modelValue: (NumberConstructor | StringConstructor)[];
|
||||
fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
|
||||
placeholder: StringConstructor;
|
||||
activeColor: StringConstructor;
|
||||
}>> & Readonly<{
|
||||
onChange?: ((...args: any[]) => any) | undefined;
|
||||
onClose?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
||||
onClickTab?: ((...args: any[]) => any) | undefined;
|
||||
onFinish?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
closeIcon: string;
|
||||
closeable: boolean;
|
||||
options: import("./types").CascaderOption[];
|
||||
swipeable: boolean;
|
||||
showHeader: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Cascader;
|
||||
export { cascaderProps } from './Cascader';
|
||||
export type { CascaderProps } from './Cascader';
|
||||
export type { CascaderOption, CascaderThemeVars, CascaderFieldNames, } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanCascader: typeof Cascader;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/cascader/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/cascader/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _Cascader from "./Cascader.mjs";
|
||||
const Cascader = withInstall(_Cascader);
|
||||
var stdin_default = Cascader;
|
||||
import { cascaderProps } from "./Cascader.mjs";
|
||||
export {
|
||||
Cascader,
|
||||
cascaderProps,
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/cascader/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/cascader/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
9
node_modules/vant/es/cascader/style/index.mjs
generated
vendored
Normal file
9
node_modules/vant/es/cascader/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import "../../style/base.css";
|
||||
import "../../badge/index.css";
|
||||
import "../../icon/index.css";
|
||||
import "../../sticky/index.css";
|
||||
import "../../swipe/index.css";
|
||||
import "../../swipe-item/index.css";
|
||||
import "../../tabs/index.css";
|
||||
import "../../tab/index.css";
|
||||
import "../index.css";
|
||||
34
node_modules/vant/es/cascader/types.d.ts
generated
vendored
Normal file
34
node_modules/vant/es/cascader/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
import type { Numeric } from '../utils';
|
||||
export type CascaderOption = {
|
||||
text?: string;
|
||||
value?: Numeric;
|
||||
color?: string;
|
||||
disabled?: boolean;
|
||||
children?: CascaderOption[];
|
||||
className?: unknown;
|
||||
[key: PropertyKey]: any;
|
||||
};
|
||||
export type CascaderTab = {
|
||||
options: CascaderOption[];
|
||||
selected: CascaderOption | null;
|
||||
};
|
||||
export type CascaderFieldNames = {
|
||||
text?: string;
|
||||
value?: string;
|
||||
children?: string;
|
||||
};
|
||||
export type CascaderThemeVars = {
|
||||
cascaderHeaderHeight?: string;
|
||||
cascaderHeaderPadding?: string;
|
||||
cascaderTitleFontSize?: string;
|
||||
cascaderTitleLineHeight?: number | string;
|
||||
cascaderCloseIconSize?: string;
|
||||
cascaderCloseIconColor?: string;
|
||||
cascaderSelectedIconSize?: string;
|
||||
cascaderTabsHeight?: string;
|
||||
cascaderActiveColor?: string;
|
||||
cascaderOptionsHeight?: string;
|
||||
cascaderOptionDisabledColor?: string;
|
||||
cascaderTabColor?: string;
|
||||
cascaderUnselectedTabColor?: string;
|
||||
};
|
||||
0
node_modules/vant/es/cascader/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/cascader/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user