ll-plus 2.9.2 → 2.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/select/index.d.ts +2 -11
- package/es/components/select/src/select.d.ts +2 -5
- package/es/components/select/src/select.vue.d.ts +2 -11
- package/es/components/upload-image/index.d.ts +1 -0
- package/es/components/upload-image/src/upload-image.vue.d.ts +1 -0
- package/es/index.mjs +1 -1
- package/es/packages/components/index.mjs +1 -1
- package/es/packages/components/select/index.mjs +1 -1
- package/es/packages/components/select/src/select.mjs +1 -7
- package/es/packages/components/select/src/select.mjs.map +1 -1
- package/es/packages/components/select/src/select.vue2.mjs +4 -9
- package/es/packages/components/select/src/select.vue2.mjs.map +1 -1
- package/es/packages/components/upload-image/src/upload-image.vue2.mjs +22 -2
- package/es/packages/components/upload-image/src/upload-image.vue2.mjs.map +1 -1
- package/index.full.js +45 -36
- package/index.full.min.js +24 -24
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +25 -25
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +46 -36
- package/lib/components/select/index.d.ts +2 -11
- package/lib/components/select/src/select.d.ts +2 -5
- package/lib/components/select/src/select.vue.d.ts +2 -11
- package/lib/components/upload-image/index.d.ts +1 -0
- package/lib/components/upload-image/src/upload-image.vue.d.ts +1 -0
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/packages/components/index.js +0 -1
- package/lib/packages/components/index.js.map +1 -1
- package/lib/packages/components/select/index.js +0 -1
- package/lib/packages/components/select/index.js.map +1 -1
- package/lib/packages/components/select/src/select.js +0 -7
- package/lib/packages/components/select/src/select.js.map +1 -1
- package/lib/packages/components/select/src/select.vue2.js +4 -9
- package/lib/packages/components/select/src/select.vue2.js.map +1 -1
- package/lib/packages/components/upload-image/src/upload-image.vue2.js +22 -2
- package/lib/packages/components/upload-image/src/upload-image.vue2.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/form.css +1 -1
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/css/table.css +1 -1
- package/theme-chalk/css/tabs-simple.css +1 -1
- package/types/packages/components/select/index.d.ts +2 -11
- package/types/packages/components/select/src/select.d.ts +2 -5
- package/types/packages/components/select/src/select.vue.d.ts +2 -11
- package/types/packages/components/upload-image/index.d.ts +1 -0
- package/types/packages/components/upload-image/src/upload-image.vue.d.ts +1 -0
package/index.full.mjs
CHANGED
|
@@ -75761,38 +75761,10 @@ var Segmented = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "segmented.
|
|
|
75761
75761
|
|
|
75762
75762
|
const LlSegmented = withInstall(Segmented);
|
|
75763
75763
|
|
|
75764
|
-
const selectProps = buildProps({
|
|
75765
|
-
allowClear: {
|
|
75766
|
-
type: Boolean,
|
|
75767
|
-
default: true
|
|
75768
|
-
}
|
|
75769
|
-
});
|
|
75770
|
-
const selectOptionProps = buildProps({
|
|
75771
|
-
class: String,
|
|
75772
|
-
disabled: {
|
|
75773
|
-
type: String,
|
|
75774
|
-
default: false
|
|
75775
|
-
},
|
|
75776
|
-
key: String,
|
|
75777
|
-
title: String,
|
|
75778
|
-
value: {
|
|
75779
|
-
type: definePropType([String, Number])
|
|
75780
|
-
}
|
|
75781
|
-
});
|
|
75782
|
-
const selectOptGroupProps = buildProps({
|
|
75783
|
-
key: String,
|
|
75784
|
-
label: {
|
|
75785
|
-
type: String,
|
|
75786
|
-
default: ""
|
|
75787
|
-
}
|
|
75788
|
-
});
|
|
75789
|
-
|
|
75790
75764
|
var _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
75791
75765
|
...{ name: "LlSelect" },
|
|
75792
75766
|
__name: "select",
|
|
75793
|
-
props: selectProps,
|
|
75794
75767
|
setup(__props, { expose: __expose }) {
|
|
75795
|
-
const props = __props;
|
|
75796
75768
|
const bem = createNamespace("select");
|
|
75797
75769
|
const attrs = useAttrs();
|
|
75798
75770
|
const selectRef = ref();
|
|
@@ -75803,12 +75775,10 @@ var _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
75803
75775
|
focus
|
|
75804
75776
|
});
|
|
75805
75777
|
return (_ctx, _cache) => {
|
|
75806
|
-
return openBlock(), createBlock(unref(Select$1), mergeProps({
|
|
75807
|
-
class: unref(bem).b()
|
|
75808
|
-
}, unref(attrs), {
|
|
75778
|
+
return openBlock(), createBlock(unref(Select$1), mergeProps(unref(attrs), {
|
|
75809
75779
|
ref_key: "selectRef",
|
|
75810
75780
|
ref: selectRef,
|
|
75811
|
-
|
|
75781
|
+
class: unref(bem).b()
|
|
75812
75782
|
}), createSlots({
|
|
75813
75783
|
_: 2
|
|
75814
75784
|
/* DYNAMIC */
|
|
@@ -75821,13 +75791,33 @@ var _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
75821
75791
|
])
|
|
75822
75792
|
};
|
|
75823
75793
|
})
|
|
75824
|
-
]), 1040, ["class"
|
|
75794
|
+
]), 1040, ["class"]);
|
|
75825
75795
|
};
|
|
75826
75796
|
}
|
|
75827
75797
|
});
|
|
75828
75798
|
|
|
75829
75799
|
var Select = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "select.vue"]]);
|
|
75830
75800
|
|
|
75801
|
+
const selectOptionProps = buildProps({
|
|
75802
|
+
class: String,
|
|
75803
|
+
disabled: {
|
|
75804
|
+
type: String,
|
|
75805
|
+
default: false
|
|
75806
|
+
},
|
|
75807
|
+
key: String,
|
|
75808
|
+
title: String,
|
|
75809
|
+
value: {
|
|
75810
|
+
type: definePropType([String, Number])
|
|
75811
|
+
}
|
|
75812
|
+
});
|
|
75813
|
+
const selectOptGroupProps = buildProps({
|
|
75814
|
+
key: String,
|
|
75815
|
+
label: {
|
|
75816
|
+
type: String,
|
|
75817
|
+
default: ""
|
|
75818
|
+
}
|
|
75819
|
+
});
|
|
75820
|
+
|
|
75831
75821
|
var _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
75832
75822
|
...{ name: "LlSelectOption" },
|
|
75833
75823
|
__name: "select-option",
|
|
@@ -86148,6 +86138,25 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
86148
86138
|
emits("change", value);
|
|
86149
86139
|
formItemContext.onFieldChange();
|
|
86150
86140
|
};
|
|
86141
|
+
const addDataToDatabase = async (data) => {
|
|
86142
|
+
try {
|
|
86143
|
+
const response = await fetch("http://your-database-api-endpoint", {
|
|
86144
|
+
method: "POST",
|
|
86145
|
+
headers: {
|
|
86146
|
+
"Content-Type": "application/json"
|
|
86147
|
+
},
|
|
86148
|
+
body: JSON.stringify(data)
|
|
86149
|
+
});
|
|
86150
|
+
if (!response.ok) {
|
|
86151
|
+
throw new Error("Failed to add data to the database");
|
|
86152
|
+
}
|
|
86153
|
+
const result = await response.json();
|
|
86154
|
+
console.log("Data added successfully:", result);
|
|
86155
|
+
} catch (error) {
|
|
86156
|
+
console.error("Error adding data to the database:", error);
|
|
86157
|
+
}
|
|
86158
|
+
};
|
|
86159
|
+
addDataToDatabase({ key: "value" });
|
|
86151
86160
|
watch(
|
|
86152
86161
|
() => props.value,
|
|
86153
86162
|
(newVal) => {
|
|
@@ -86167,9 +86176,10 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
86167
86176
|
);
|
|
86168
86177
|
return (_ctx, _cache) => {
|
|
86169
86178
|
const _component_ll_icon = resolveComponent("ll-icon");
|
|
86170
|
-
const
|
|
86179
|
+
const _component_ll_image = resolveComponent("ll-image");
|
|
86171
86180
|
const _component_a_spin = resolveComponent("a-spin");
|
|
86172
86181
|
const _component_a_upload = resolveComponent("a-upload");
|
|
86182
|
+
const _component_a_image = resolveComponent("a-image");
|
|
86173
86183
|
const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
|
|
86174
86184
|
return openBlock(), createElementBlock(
|
|
86175
86185
|
"div",
|
|
@@ -86202,7 +86212,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
86202
86212
|
spinning: props.imgLoading
|
|
86203
86213
|
}, {
|
|
86204
86214
|
default: withCtx(() => [
|
|
86205
|
-
innerValue.value.length > 0 ? (openBlock(), createBlock(
|
|
86215
|
+
innerValue.value.length > 0 ? (openBlock(), createBlock(_component_ll_image, {
|
|
86206
86216
|
key: 0,
|
|
86207
86217
|
preview: { visible: false },
|
|
86208
86218
|
width: 100,
|
|
@@ -86544,4 +86554,4 @@ var installer = makeInstaller([...Components]);
|
|
|
86544
86554
|
|
|
86545
86555
|
const install = installer.install;
|
|
86546
86556
|
|
|
86547
|
-
export { ALL_VALUE, AVATAR_IMG, Color, DEFAULT_METHOD, DEFAULT_TYPE, FALLBACK_IMAGE, FALL_BACK_IMG, HEADER_SRARCH_HEIGHT, ILlUploadDragProps, ImenuSwitchType, LEFT_SELECT_MIN_WIDTH, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlApiComponent, LlAvatar, LlBreadcrumbCard, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlColorPicker, LlConfigProvider, LlCropperImage, LlCropperModal, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlDropdownButtonSimple, LlEasyCron, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlImage, LlImagePreviewGroup, LlInput, LlInputNumber, LlKeyValue, LlMarkdownEditor, LlMarkdownViewer, LlModal, LlNewDrawer, LlNewModal, LlNumberRange, LlOperateIcon, LlOperateTree, LlQrcode, LlRadio, LlRadioButton, LlRadioGroup, LlRichTextEditor, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, LlUploadImage, LlUriInput, LlWatermark, OPTIONS_KEY, OperateTreeEmits, PAGINATION_HEIGHT, THROTTLE_TIME, TypeEnum, addUnit, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, alphaSliderProps, apiComponentEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, apiUrlProps, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyEmits, bodyList, bodyProps, breadcrumbCardEmits, breadcrumbCardProps, buildLocaleContext, buildProp, buildProps, buildTranslator, buttonProps, calcRPN, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, colorFormatOptions, colorPickerEmits, colorPickerProps, configProviderProps, contentTypeOptions, createNamespace, cropperImageEmits, cropperImageProps, cropperModalEmits, cropperModalProps, customOverlay, dataURLtoBlob, dateUtil, deepCompare, deepUnref, installer as default, defaultButtonProps, defaultCropperOptions, defaultEditorConfig, defaultOptions, defaultToolbarConfig, definePropType, descriptionsItemProps, descriptionsProps, displayedRgb, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownButtonSimpleEmits, dropdownButtonSimpleProps, dropdownEmits, dropdownProps, easyCronEmits, easyCronProps, emptyProps, epPropKey, fileToBase64, filterAllValue, findLabelByValue, footerShadowPlacement, formColumns, formComponentEmits, formComponentProps, formEmits, formOptions, formProps, formatFileSize, formatToDate, formatToDateTime, formdataTableColumns, getAmountChinese, getDateTimeUnit, getHttpMethodUri, getKeyValueItem, getType, guid, hasValue, headersTableColumns, httpUriOptions, hueSliderProps, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, imageProps, initValue, inputNumberEmits, inputNumberProps, inputProps, install, isArray, isBoolean, isDate$1 as isDate, isElement, isEmpty$1 as isEmpty, isEpProp, isFunction$2 as isFunction, isNumber$2 as isNumber, isObject$3 as isObject, isPromise, isPropAbsent, isString$1 as isString, isStringNumber, isSymbol, isUndefined$2 as isUndefined, isValidComponentSize, isWindow, jsonTableColumns, jsonXmlEmits, jsonXmlOptions, jsonXmlProps, jsonXmlTableEmits, jsonXmlTableProps, jsonXmlTableRowEmits, jsonXmlTableRowProps, jsonXmlTypeOptions, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, llMarkdownEditorEmits, llMarkdownEditorProps, llMarkdownViewerProps, llMessage, localeContextKey, mainTableEmits, mainTableProps, menuSwitchRadioList, mergeNumberOfExps, methods$1 as methods, modalEmits, modalProps, modalType, mutable, newDrawerEmits, newDrawerProps, newModalEmits, newModalProps, numberRangeEmits, numberRangeProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, paramsOptions, paramsTableColumns, paramsTableEmits, paramsTableProps, paramsTableRowProps, parseColors, placement, preDefineProps, provideGlobalConfig, qrcodeProps, qrcodeType, removeQueryString, requestList, richTextEditorEmits, richTextEditorProps, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps,
|
|
86557
|
+
export { ALL_VALUE, AVATAR_IMG, Color, DEFAULT_METHOD, DEFAULT_TYPE, FALLBACK_IMAGE, FALL_BACK_IMG, HEADER_SRARCH_HEIGHT, ILlUploadDragProps, ImenuSwitchType, LEFT_SELECT_MIN_WIDTH, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlApiComponent, LlAvatar, LlBreadcrumbCard, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlColorPicker, LlConfigProvider, LlCropperImage, LlCropperModal, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlDropdownButtonSimple, LlEasyCron, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlImage, LlImagePreviewGroup, LlInput, LlInputNumber, LlKeyValue, LlMarkdownEditor, LlMarkdownViewer, LlModal, LlNewDrawer, LlNewModal, LlNumberRange, LlOperateIcon, LlOperateTree, LlQrcode, LlRadio, LlRadioButton, LlRadioGroup, LlRichTextEditor, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, LlUploadImage, LlUriInput, LlWatermark, OPTIONS_KEY, OperateTreeEmits, PAGINATION_HEIGHT, THROTTLE_TIME, TypeEnum, addUnit, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, alphaSliderProps, apiComponentEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, apiUrlProps, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyEmits, bodyList, bodyProps, breadcrumbCardEmits, breadcrumbCardProps, buildLocaleContext, buildProp, buildProps, buildTranslator, buttonProps, calcRPN, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, colorFormatOptions, colorPickerEmits, colorPickerProps, configProviderProps, contentTypeOptions, createNamespace, cropperImageEmits, cropperImageProps, cropperModalEmits, cropperModalProps, customOverlay, dataURLtoBlob, dateUtil, deepCompare, deepUnref, installer as default, defaultButtonProps, defaultCropperOptions, defaultEditorConfig, defaultOptions, defaultToolbarConfig, definePropType, descriptionsItemProps, descriptionsProps, displayedRgb, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownButtonSimpleEmits, dropdownButtonSimpleProps, dropdownEmits, dropdownProps, easyCronEmits, easyCronProps, emptyProps, epPropKey, fileToBase64, filterAllValue, findLabelByValue, footerShadowPlacement, formColumns, formComponentEmits, formComponentProps, formEmits, formOptions, formProps, formatFileSize, formatToDate, formatToDateTime, formdataTableColumns, getAmountChinese, getDateTimeUnit, getHttpMethodUri, getKeyValueItem, getType, guid, hasValue, headersTableColumns, httpUriOptions, hueSliderProps, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, imageProps, initValue, inputNumberEmits, inputNumberProps, inputProps, install, isArray, isBoolean, isDate$1 as isDate, isElement, isEmpty$1 as isEmpty, isEpProp, isFunction$2 as isFunction, isNumber$2 as isNumber, isObject$3 as isObject, isPromise, isPropAbsent, isString$1 as isString, isStringNumber, isSymbol, isUndefined$2 as isUndefined, isValidComponentSize, isWindow, jsonTableColumns, jsonXmlEmits, jsonXmlOptions, jsonXmlProps, jsonXmlTableEmits, jsonXmlTableProps, jsonXmlTableRowEmits, jsonXmlTableRowProps, jsonXmlTypeOptions, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, llMarkdownEditorEmits, llMarkdownEditorProps, llMarkdownViewerProps, llMessage, localeContextKey, mainTableEmits, mainTableProps, menuSwitchRadioList, mergeNumberOfExps, methods$1 as methods, modalEmits, modalProps, modalType, mutable, newDrawerEmits, newDrawerProps, newModalEmits, newModalProps, numberRangeEmits, numberRangeProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, paramsOptions, paramsTableColumns, paramsTableEmits, paramsTableProps, paramsTableRowProps, parseColors, placement, preDefineProps, provideGlobalConfig, qrcodeProps, qrcodeType, removeQueryString, requestList, richTextEditorEmits, richTextEditorProps, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, svPanelProps, tableContentType, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tagGroupEmits, tagGroupProps, thousandsFormat, toRPN, tooltipProps, translate, treeDataFormat, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, uploadImageEmits, uploadImageProps, uriInputEmits, uriInputProps, url, useLocale, useOptions, useScroll, useSecondConfirmation, useTabEmits, useTabProps, useTabSetup, withInstall };
|
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import Select from './src/select.vue';
|
|
2
2
|
import SelectOption from './src/select-option.vue';
|
|
3
3
|
import SelectOptGroup from './src/select-opt-group.vue';
|
|
4
|
-
export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
5
|
-
allowClear: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
6
|
-
}, {
|
|
7
|
-
props: import("@vue/shared").LooseRequired<{
|
|
8
|
-
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
9
|
-
} & {}>;
|
|
4
|
+
export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
|
|
10
5
|
bem: {
|
|
11
6
|
b: (blockSuffix?: string) => string;
|
|
12
7
|
e: (element?: string) => string;
|
|
@@ -801,11 +796,7 @@ export declare const LlSelect: import("ll-plus/es/utils").SFCWithInstall<import(
|
|
|
801
796
|
readonly OptGroup: import("ant-design-vue/es/vc-select/OptGroup").OptionGroupFC;
|
|
802
797
|
readonly SECRET_COMBOBOX_MODE_DO_NOT_USE: "SECRET_COMBOBOX_MODE_DO_NOT_USE";
|
|
803
798
|
};
|
|
804
|
-
},
|
|
805
|
-
allowClear: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
806
|
-
}>>, {
|
|
807
|
-
allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
808
|
-
}, {}>>;
|
|
799
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
|
|
809
800
|
export declare const LlSelectOption: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
810
801
|
class: StringConstructor;
|
|
811
802
|
disabled: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, boolean, boolean>;
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import type { ExtractPropTypes } from 'vue';
|
|
2
2
|
import type { SelectProps as AntSelectProps } from 'ant-design-vue';
|
|
3
|
-
import type Select from './select.vue';
|
|
4
|
-
import type SelectOption from './select-option.vue';
|
|
5
3
|
import type SelectOptGroup from './select-opt-group.vue';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
4
|
+
import type SelectOption from './select-option.vue';
|
|
5
|
+
import type Select from './select.vue';
|
|
9
6
|
export declare const selectOptionProps: {
|
|
10
7
|
class: StringConstructor;
|
|
11
8
|
disabled: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, boolean, boolean>;
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
allowClear: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
3
|
-
}, {
|
|
4
|
-
props: import("@vue/shared").LooseRequired<{
|
|
5
|
-
readonly allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
6
|
-
} & {}>;
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
7
2
|
bem: {
|
|
8
3
|
b: (blockSuffix?: string) => string;
|
|
9
4
|
e: (element?: string) => string;
|
|
@@ -798,9 +793,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
798
793
|
readonly OptGroup: import("ant-design-vue/es/vc-select/OptGroup").OptionGroupFC;
|
|
799
794
|
readonly SECRET_COMBOBOX_MODE_DO_NOT_USE: "SECRET_COMBOBOX_MODE_DO_NOT_USE";
|
|
800
795
|
};
|
|
801
|
-
},
|
|
802
|
-
allowClear: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
|
|
803
|
-
}>>, {
|
|
804
|
-
allowClear: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
805
|
-
}, {}>;
|
|
796
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
806
797
|
export default _default;
|
|
@@ -76,6 +76,7 @@ export declare const LlUploadImage: import("ll-plus/es/utils").SFCWithInstall<im
|
|
|
76
76
|
customRequest: (options: import("ant-design-vue/es/vc-upload/interface").UploadRequestOption<any>) => void;
|
|
77
77
|
handleRemoveImage: () => Promise<void>;
|
|
78
78
|
setValue: () => void;
|
|
79
|
+
addDataToDatabase: (data: any) => Promise<void>;
|
|
79
80
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
80
81
|
readonly change: (value: string | string[]) => boolean;
|
|
81
82
|
readonly 'update:value': (value: string | string[]) => boolean;
|
|
@@ -77,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
77
77
|
customRequest: (options: import("ant-design-vue/es/vc-upload/interface").UploadRequestOption<any>) => void;
|
|
78
78
|
handleRemoveImage: () => Promise<void>;
|
|
79
79
|
setValue: () => void;
|
|
80
|
+
addDataToDatabase: (data: any) => Promise<void>;
|
|
80
81
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
81
82
|
readonly change: (value: string | string[]) => boolean;
|
|
82
83
|
readonly 'update:value': (value: string | string[]) => boolean;
|
package/lib/index.js
CHANGED
|
@@ -372,7 +372,6 @@ exports.LlRichTextEditor = index$D.LlRichTextEditor;
|
|
|
372
372
|
exports.LlSegmented = index$E.LlSegmented;
|
|
373
373
|
exports.selectOptGroupProps = select.selectOptGroupProps;
|
|
374
374
|
exports.selectOptionProps = select.selectOptionProps;
|
|
375
|
-
exports.selectProps = select.selectProps;
|
|
376
375
|
exports.LlSelect = index$F.LlSelect;
|
|
377
376
|
exports.LlSelectOptGroup = index$F.LlSelectOptGroup;
|
|
378
377
|
exports.LlSelectOption = index$F.LlSelectOption;
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/utils'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAUA,gBAAU,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/utils'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -366,7 +366,6 @@ exports.richTextEditorEmits = richTextEditor.richTextEditorEmits;
|
|
|
366
366
|
exports.richTextEditorProps = richTextEditor.richTextEditorProps;
|
|
367
367
|
exports.selectOptGroupProps = select.selectOptGroupProps;
|
|
368
368
|
exports.selectOptionProps = select.selectOptionProps;
|
|
369
|
-
exports.selectProps = select.selectProps;
|
|
370
369
|
exports.LEFT_SELECT_MIN_WIDTH = selectGroup.LEFT_SELECT_MIN_WIDTH;
|
|
371
370
|
exports.selectGroupData = selectGroup.selectGroupData;
|
|
372
371
|
exports.selectGroupEmits = selectGroup.selectGroupEmits;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -14,7 +14,6 @@ const LlSelectOptGroup = withInstall.withInstall(selectOptGroup.default);
|
|
|
14
14
|
|
|
15
15
|
exports.selectOptGroupProps = select.selectOptGroupProps;
|
|
16
16
|
exports.selectOptionProps = select.selectOptionProps;
|
|
17
|
-
exports.selectProps = select.selectProps;
|
|
18
17
|
exports.LlSelect = LlSelect;
|
|
19
18
|
exports.LlSelectOptGroup = LlSelectOptGroup;
|
|
20
19
|
exports.LlSelectOption = LlSelectOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\r\n\r\nimport Select from './src/select.vue'\r\nimport SelectOption from './src/select-option.vue'\r\nimport SelectOptGroup from './src/select-opt-group.vue'\r\n\r\nexport const LlSelect = withInstall(Select)\r\nexport const LlSelectOption = withInstall(SelectOption)\r\nexport const LlSelectOptGroup = withInstall(SelectOptGroup)\r\n// export default LlSelect\r\nexport * from './src/select'\r\n\r\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\r\ndeclare module 'vue' {\r\n export interface GlobalComponents {\r\n LlSelect: typeof Select\r\n LlSelectOption: typeof SelectOption\r\n LlSelectOptGroup: typeof SelectOptGroup\r\n }\r\n}\r\n"],"names":["withInstall","Select","SelectOption","SelectOptGroup"],"mappings":";;;;;;;;;;AAMa,MAAA,QAAA,GAAWA,wBAAYC,gBAAM,EAAA;AAC7B,MAAA,cAAA,GAAiBD,wBAAYE,oBAAY,EAAA;AACzC,MAAA,gBAAA,GAAmBF,wBAAYG,sBAAc
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\r\n\r\nimport Select from './src/select.vue'\r\nimport SelectOption from './src/select-option.vue'\r\nimport SelectOptGroup from './src/select-opt-group.vue'\r\n\r\nexport const LlSelect = withInstall(Select)\r\nexport const LlSelectOption = withInstall(SelectOption)\r\nexport const LlSelectOptGroup = withInstall(SelectOptGroup)\r\n// export default LlSelect\r\nexport * from './src/select'\r\n\r\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\r\ndeclare module 'vue' {\r\n export interface GlobalComponents {\r\n LlSelect: typeof Select\r\n LlSelectOption: typeof SelectOption\r\n LlSelectOptGroup: typeof SelectOptGroup\r\n }\r\n}\r\n"],"names":["withInstall","Select","SelectOption","SelectOptGroup"],"mappings":";;;;;;;;;;AAMa,MAAA,QAAA,GAAWA,wBAAYC,gBAAM,EAAA;AAC7B,MAAA,cAAA,GAAiBD,wBAAYE,oBAAY,EAAA;AACzC,MAAA,gBAAA,GAAmBF,wBAAYG,sBAAc;;;;;;;;"}
|
|
@@ -4,12 +4,6 @@ require('../../../utils/index.js');
|
|
|
4
4
|
var runtime = require('../../../utils/props/runtime.js');
|
|
5
5
|
|
|
6
6
|
"use strict";
|
|
7
|
-
const selectProps = runtime.buildProps({
|
|
8
|
-
allowClear: {
|
|
9
|
-
type: Boolean,
|
|
10
|
-
default: true
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
7
|
const selectOptionProps = runtime.buildProps({
|
|
14
8
|
class: String,
|
|
15
9
|
disabled: {
|
|
@@ -32,5 +26,4 @@ const selectOptGroupProps = runtime.buildProps({
|
|
|
32
26
|
|
|
33
27
|
exports.selectOptGroupProps = selectOptGroupProps;
|
|
34
28
|
exports.selectOptionProps = selectOptionProps;
|
|
35
|
-
exports.selectProps = selectProps;
|
|
36
29
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type { SelectProps as AntSelectProps } from 'ant-design-vue'\nimport type
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nimport type { SelectProps as AntSelectProps } from 'ant-design-vue'\nimport type SelectOptGroup from './select-opt-group.vue'\nimport type SelectOption from './select-option.vue'\nimport type Select from './select.vue'\n\nexport const selectOptionProps = buildProps({\n class: String,\n disabled: {\n type: String,\n default: false\n },\n key: String,\n title: String,\n value: {\n type: definePropType<string | number>([String, Number])\n }\n})\n\nexport const selectOptGroupProps = buildProps({\n key: String,\n label: {\n type: String,\n default: ''\n }\n})\n\n// props\nexport type SelectProps = AntSelectProps\n\nexport type SelctOptionProps = ExtractPropTypes<typeof selectOptionProps>\n\nexport type SelectOptGroupGroupProps = ExtractPropTypes<\n typeof selectOptGroupProps\n>\n\n// instance\nexport type SelectInstance = InstanceType<typeof Select>\n\nexport type SelectOptionInstance = InstanceType<typeof SelectOption>\n\nexport type SelectOptGroupInstance = InstanceType<typeof SelectOptGroup>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AASO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAC1C,KAAO,EAAA,MAAA;AAAA,EACP,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,GAAK,EAAA,MAAA;AAAA,EACL,KAAO,EAAA,MAAA;AAAA,EACP,KAAO,EAAA;AAAA,IACL,IAAM,EAAAC,sBAAA,CAAgC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GACxD;AACF,CAAC,EAAA;AAEM,MAAM,sBAAsBD,kBAAW,CAAA;AAAA,EAC5C,GAAK,EAAA,MAAA;AAAA,EACL,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAC;;;;;"}
|
|
@@ -3,18 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var vue = require('vue');
|
|
6
|
-
var antDesignVue = require('ant-design-vue');
|
|
7
6
|
require('../../../utils/index.js');
|
|
8
|
-
var
|
|
7
|
+
var antDesignVue = require('ant-design-vue');
|
|
9
8
|
var createNamespace = require('../../../utils/create-namespace.js');
|
|
10
9
|
|
|
11
10
|
"use strict";
|
|
12
11
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
13
12
|
...{ name: "LlSelect" },
|
|
14
13
|
__name: "select",
|
|
15
|
-
props: select.selectProps,
|
|
16
14
|
setup(__props, { expose: __expose }) {
|
|
17
|
-
const props = __props;
|
|
18
15
|
const bem = createNamespace.createNamespace("select");
|
|
19
16
|
const attrs = vue.useAttrs();
|
|
20
17
|
const selectRef = vue.ref();
|
|
@@ -25,12 +22,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
25
22
|
focus
|
|
26
23
|
});
|
|
27
24
|
return (_ctx, _cache) => {
|
|
28
|
-
return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), vue.mergeProps({
|
|
29
|
-
class: vue.unref(bem).b()
|
|
30
|
-
}, vue.unref(attrs), {
|
|
25
|
+
return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), vue.mergeProps(vue.unref(attrs), {
|
|
31
26
|
ref_key: "selectRef",
|
|
32
27
|
ref: selectRef,
|
|
33
|
-
|
|
28
|
+
class: vue.unref(bem).b()
|
|
34
29
|
}), vue.createSlots({
|
|
35
30
|
_: 2
|
|
36
31
|
/* DYNAMIC */
|
|
@@ -43,7 +38,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
43
38
|
])
|
|
44
39
|
};
|
|
45
40
|
})
|
|
46
|
-
]), 1040, ["class"
|
|
41
|
+
]), 1040, ["class"]);
|
|
47
42
|
};
|
|
48
43
|
}
|
|
49
44
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.vue2.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n <Select
|
|
1
|
+
{"version":3,"file":"select.vue2.js","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n <Select v-bind=\"attrs\" ref=\"selectRef\" :class=\"bem.b()\">\n <template v-for=\"item in Object.keys($slots)\" :key=\"item\" #[item]=\"data\">\n <slot :name=\"item\" v-bind=\"data || {}\"></slot>\n </template>\n </Select>\n</template>\n\n<script setup lang=\"ts\">\nimport { createNamespace } from '@ll-plus/utils'\nimport { Select } from 'ant-design-vue'\nimport { ref, useAttrs } from 'vue'\n\ndefineOptions({ name: 'LlSelect' })\n\nconst bem = createNamespace('select')\n\nconst attrs = useAttrs()\n\nconst selectRef = ref()\nconst focus = () => {\n selectRef.value.focus()\n}\ndefineExpose({\n focus\n})\n</script>\n"],"names":["createNamespace","useAttrs","ref"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,MAAA,GAAA,GAAMA,gCAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,YAAYC,OAAI,EAAA,CAAA;AACtB,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,SAAA,CAAU,MAAM,KAAM,EAAA,CAAA;AAAA,KACxB,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -77,6 +77,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
77
77
|
emits("change", value);
|
|
78
78
|
formItemContext.onFieldChange();
|
|
79
79
|
};
|
|
80
|
+
const addDataToDatabase = async (data) => {
|
|
81
|
+
try {
|
|
82
|
+
const response = await fetch("http://your-database-api-endpoint", {
|
|
83
|
+
method: "POST",
|
|
84
|
+
headers: {
|
|
85
|
+
"Content-Type": "application/json"
|
|
86
|
+
},
|
|
87
|
+
body: JSON.stringify(data)
|
|
88
|
+
});
|
|
89
|
+
if (!response.ok) {
|
|
90
|
+
throw new Error("Failed to add data to the database");
|
|
91
|
+
}
|
|
92
|
+
const result = await response.json();
|
|
93
|
+
console.log("Data added successfully:", result);
|
|
94
|
+
} catch (error) {
|
|
95
|
+
console.error("Error adding data to the database:", error);
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
addDataToDatabase({ key: "value" });
|
|
80
99
|
vue.watch(
|
|
81
100
|
() => props.value,
|
|
82
101
|
(newVal) => {
|
|
@@ -96,9 +115,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
96
115
|
);
|
|
97
116
|
return (_ctx, _cache) => {
|
|
98
117
|
const _component_ll_icon = vue.resolveComponent("ll-icon");
|
|
99
|
-
const
|
|
118
|
+
const _component_ll_image = vue.resolveComponent("ll-image");
|
|
100
119
|
const _component_a_spin = vue.resolveComponent("a-spin");
|
|
101
120
|
const _component_a_upload = vue.resolveComponent("a-upload");
|
|
121
|
+
const _component_a_image = vue.resolveComponent("a-image");
|
|
102
122
|
const _component_a_image_preview_group = vue.resolveComponent("a-image-preview-group");
|
|
103
123
|
return vue.openBlock(), vue.createElementBlock(
|
|
104
124
|
"div",
|
|
@@ -131,7 +151,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
131
151
|
spinning: props.imgLoading
|
|
132
152
|
}, {
|
|
133
153
|
default: vue.withCtx(() => [
|
|
134
|
-
innerValue.value.length > 0 ? (vue.openBlock(), vue.createBlock(
|
|
154
|
+
innerValue.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_ll_image, {
|
|
135
155
|
key: 0,
|
|
136
156
|
preview: { visible: false },
|
|
137
157
|
width: 100,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload-image.vue2.js","sources":["../../../../../../packages/components/upload-image/src/upload-image.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <div :class=\"bem.m('preview-box')\">\n <a-upload\n v-model:fileList=\"fileList\"\n v-bind=\"getBindValue\"\n :accept=\"props.accept\"\n :show-upload-list=\"false\"\n :max-count=\"props.maxCount\"\n :multiple=\"computedMultiple\"\n :before-upload=\"beforeUpload\"\n :custom-request=\"customRequest\"\n :class=\"bem.m('upload')\"\n list-type=\"picture-card\"\n >\n <a-spin size=\"small\" :spinning=\"props.imgLoading\">\n <a-image\n v-if=\"innerValue.length > 0\"\n :preview=\"{ visible: false }\"\n :width=\"100\"\n :height=\"100\"\n :src=\"innerValue[0]\"\n :style=\"{\n objectFit: 'contain'\n }\"\n >\n <template #previewMask>\n <div :class=\"bem.m('preview-mask')\">\n <a href=\"javascript:;\" @click.stop=\"imageVisible = true\">\n <ll-icon\n :icon-name=\"`icon-pwd-look`\"\n :class=\"bem.e('image-icon')\"\n />\n </a>\n <a href=\"javascript:;\" @click.stop=\"handleRemoveImage\">\n <ll-icon\n :icon-name=\"`icon-delete`\"\n :class=\"bem.e('image-icon')\"\n />\n </a>\n </div>\n </template>\n </a-image>\n <ll-icon v-else :icon-name=\"props.iconName\" style=\"font-size: 30px\" />\n </a-spin>\n </a-upload>\n <p :class=\"bem.e('tip')\">{{ computedTip }}</p>\n </div>\n\n <div style=\"display: none\">\n <a-image-preview-group\n :preview=\"{\n visible: imageVisible,\n onVisibleChange: (vis: boolean) => (imageVisible = vis)\n }\"\n >\n <a-image v-for=\"item in innerValue\" :key=\"item\" :src=\"item\" />\n </a-image-preview-group>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, useAttrs, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport { createNamespace, formatFileSize, fileToBase64 } from '@ll-plus/utils'\nimport { uploadImageProps, uploadImageEmits } from './upload-image'\nimport { message, Form } from 'ant-design-vue'\n\nimport type {\n UploadProps,\n FileType\n} from 'ant-design-vue/es/upload/interface.d.ts'\n\n//1.Init props/emits/bem/attrs\n\ndefineOptions({ name: 'LlUploadImage' })\n\nconst props = defineProps(uploadImageProps)\n\nconst emits = defineEmits(uploadImageEmits)\n\nconst bem = createNamespace('upload-image')\n\nconst attrs = useAttrs()\n\nconst fileList = ref([])\n\nconst imageVisible = ref(false)\n\nconst innerValue = ref<string[]>(\n Array.isArray(props.value)\n ? [...props.value]\n : props.value\n ? [props.value]\n : []\n)\n\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst computedAccept = computed(() => {\n return props.accept\n ? props.accept\n .split(',')\n .map(e => e.replace('.', ''))\n .join(',')\n : props.accept\n})\n\nconst computedTip = computed(() => {\n return typeof props.tip === 'string'\n ? props.tip\n : props.tip\n ? `支持${computedAccept.value}格式,不超过${formatFileSize(\n props.imgSize\n )}。`\n : ''\n})\n\nconst computedMultiple = computed(() => props.maxCount > 1)\n\nconst getBindValue = computed(() => ({\n ...omit({ ...attrs }, [...Object.keys(uploadImageProps)])\n}))\n\nconst beforeUpload = async (file: FileType, FileList: FileType[]) => {\n const fileType = file.type.toLowerCase().replace('image/', '')\n const isType = fileType === 'svg+xml' ? true : props.accept.includes(fileType)\n const isSize = file.size <= props.imgSize\n if (!isType) {\n message.error(`${file.name} 需要为${computedAccept.value}格式。`)\n return false\n }\n if (!isSize) {\n message.error(`${file.name} 文件不得大于${formatFileSize(props.imgSize)}。`)\n return false\n }\n return isType && isSize && props.beforeUpload?.(file, FileList)\n}\n\nconst customRequest: UploadProps['customRequest'] = async (res: any) => {\n const fileUrl = (await fileToBase64(res.file)) as string\n if (props.useBase64) {\n props.maxCount === 1\n ? (innerValue.value = [fileUrl])\n : innerValue.value.push(fileUrl)\n }\n try {\n props.customRequest?.(res, fileUrl)\n } catch (error) {\n innerValue.value.splice(innerValue.value.length - 1, 1)\n message.error('上传失败')\n }\n}\n\nconst handleRemoveImage = async () => {\n const index = innerValue.value.length - 1\n innerValue.value.splice(index, 1)\n\n setValue()\n}\n\nconst setValue = () => {\n const value =\n props.maxCount === 1\n ? innerValue.value.length\n ? innerValue.value[0]\n : ''\n : innerValue.value\n emits('update:value', value)\n emits('change', value)\n formItemContext.onFieldChange()\n}\n\nwatch(\n () => props.value,\n newVal => {\n if (newVal !== innerValue.value) {\n innerValue.value = Array.isArray(newVal)\n ? [...newVal]\n : newVal\n ? [newVal]\n : []\n }\n }\n)\n\nwatch(\n innerValue,\n () => {\n setValue()\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["createNamespace","useAttrs","ref","Form","computed","formatFileSize","omit","uploadImageProps","file","message","fileToBase64","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,QAAA,GAAWC,OAAI,CAAA,EAAE,CAAA,CAAA;AAEvB,IAAM,MAAA,YAAA,GAAeA,QAAI,KAAK,CAAA,CAAA;AAE9B,IAAA,MAAM,UAAa,GAAAA,OAAA;AAAA,MACjB,MAAM,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,GACrB,CAAC,GAAG,KAAA,CAAM,KAAK,CAAA,GACf,MAAM,KACN,GAAA,CAAC,KAAM,CAAA,KAAK,IACZ,EAAC;AAAA,KACP,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkBC,kBAAK,wBAAyB,EAAA,CAAA;AAEtD,IAAM,MAAA,cAAA,GAAiBC,aAAS,MAAM;AACpC,MAAA,OAAO,MAAM,MACT,GAAA,KAAA,CAAM,OACH,KAAM,CAAA,GAAG,EACT,GAAI,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,OAAA,CAAQ,KAAK,EAAE,CAAC,EAC3B,IAAK,CAAA,GAAG,IACX,KAAM,CAAA,MAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcA,aAAS,MAAM;AACjC,MAAO,OAAA,OAAO,KAAM,CAAA,GAAA,KAAQ,QACxB,GAAA,KAAA,CAAM,GACN,GAAA,KAAA,CAAM,GACN,GAAA,CAAA,YAAA,EAAK,cAAe,CAAA,KAAK,CAAS,oCAAA,EAAAC,mBAAA;AAAA,QAChC,KAAM,CAAA,OAAA;AAAA,OACP,CACD,MAAA,CAAA,GAAA,EAAA,CAAA;AAAA,KACL,CAAA,CAAA;AAED,IAAA,MAAM,gBAAmB,GAAAD,YAAA,CAAS,MAAM,KAAA,CAAM,WAAW,CAAC,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAeA,aAAS,OAAO;AAAA,MACnC,GAAGE,aAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAKC,4BAAgB,CAAC,CAAC,CAAA;AAAA,KACxD,CAAA,CAAA,CAAA;AAEF,IAAM,MAAA,YAAA,GAAe,OAAOC,MAAA,EAAgB,QAAyB,KAAA;AACnE,MAAA,MAAM,WAAWA,MAAK,CAAA,IAAA,CAAK,aAAc,CAAA,OAAA,CAAQ,UAAU,EAAE,CAAA,CAAA;AAC7D,MAAA,MAAM,SAAS,QAAa,KAAA,SAAA,GAAY,OAAO,KAAM,CAAA,MAAA,CAAO,SAAS,QAAQ,CAAA,CAAA;AAC7E,MAAM,MAAA,MAAA,GAASA,MAAK,CAAA,IAAA,IAAQ,KAAM,CAAA,OAAA,CAAA;AAClC,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAAC,oBAAA,CAAQ,MAAM,CAAG,EAAAD,MAAA,CAAK,IAAI,CAAO,mBAAA,EAAA,cAAA,CAAe,KAAK,CAAK,kBAAA,CAAA,CAAA,CAAA;AAC1D,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAQC,oBAAA,CAAA,KAAA,CAAM,GAAGD,MAAK,CAAA,IAAI,wCAAUH,mBAAe,CAAA,KAAA,CAAM,OAAO,CAAC,CAAG,MAAA,CAAA,CAAA,CAAA;AACpE,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAA,OAAO,MAAU,IAAA,MAAA,IAAU,KAAM,CAAA,YAAA,GAAeG,QAAM,QAAQ,CAAA,CAAA;AAAA,KAChE,CAAA;AAEA,IAAM,MAAA,aAAA,GAA8C,OAAO,GAAa,KAAA;AACtE,MAAA,MAAM,OAAW,GAAA,MAAME,iBAAa,CAAA,GAAA,CAAI,IAAI,CAAA,CAAA;AAC5C,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAM,KAAA,CAAA,QAAA,KAAa,CACd,GAAA,UAAA,CAAW,KAAQ,GAAA,CAAC,OAAO,CAC5B,GAAA,UAAA,CAAW,KAAM,CAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,OACnC;AACA,MAAI,IAAA;AACF,QAAM,KAAA,CAAA,aAAA,GAAgB,KAAK,OAAO,CAAA,CAAA;AAAA,eAC3B,KAAO,EAAA;AACd,QAAA,UAAA,CAAW,MAAM,MAAO,CAAA,UAAA,CAAW,KAAM,CAAA,MAAA,GAAS,GAAG,CAAC,CAAA,CAAA;AACtD,QAAAD,oBAAA,CAAQ,MAAM,0BAAM,CAAA,CAAA;AAAA,OACtB;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,oBAAoB,YAAY;AACpC,MAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA,CAAA;AACxC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,KAAA,EAAO,CAAC,CAAA,CAAA;AAEhC,MAAS,QAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,KACJ,GAAA,KAAA,CAAM,QAAa,KAAA,CAAA,GACf,UAAW,CAAA,KAAA,CAAM,MACf,GAAA,UAAA,CAAW,KAAM,CAAA,CAAC,CAClB,GAAA,EAAA,GACF,UAAW,CAAA,KAAA,CAAA;AACjB,MAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA,CAAA;AAC3B,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AACrB,MAAA,eAAA,CAAgB,aAAc,EAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAAE,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAU,MAAA,KAAA;AACR,QAAI,IAAA,MAAA,KAAW,WAAW,KAAO,EAAA;AAC/B,UAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAM,OAAQ,CAAA,MAAM,CACnC,GAAA,CAAC,GAAG,MAAM,CACV,GAAA,MAAA,GACA,CAAC,MAAM,IACP,EAAC,CAAA;AAAA,SACP;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,UAAA;AAAA,MACA,MAAM;AACJ,QAAS,QAAA,EAAA,CAAA;AAAA,OACX;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"upload-image.vue2.js","sources":["../../../../../../packages/components/upload-image/src/upload-image.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <div :class=\"bem.m('preview-box')\">\n <a-upload\n v-model:fileList=\"fileList\"\n v-bind=\"getBindValue\"\n :accept=\"props.accept\"\n :show-upload-list=\"false\"\n :max-count=\"props.maxCount\"\n :multiple=\"computedMultiple\"\n :before-upload=\"beforeUpload\"\n :custom-request=\"customRequest\"\n :class=\"bem.m('upload')\"\n list-type=\"picture-card\"\n >\n <a-spin size=\"small\" :spinning=\"props.imgLoading\">\n <ll-image\n v-if=\"innerValue.length > 0\"\n :preview=\"{ visible: false }\"\n :width=\"100\"\n :height=\"100\"\n :src=\"innerValue[0]\"\n :style=\"{\n objectFit: 'contain'\n }\"\n >\n <template #previewMask>\n <div :class=\"bem.m('preview-mask')\">\n <a href=\"javascript:;\" @click.stop=\"imageVisible = true\">\n <ll-icon\n :icon-name=\"`icon-pwd-look`\"\n :class=\"bem.e('image-icon')\"\n />\n </a>\n <a href=\"javascript:;\" @click.stop=\"handleRemoveImage\">\n <ll-icon\n :icon-name=\"`icon-delete`\"\n :class=\"bem.e('image-icon')\"\n />\n </a>\n </div>\n </template>\n </ll-image>\n <ll-icon v-else :icon-name=\"props.iconName\" style=\"font-size: 30px\" />\n </a-spin>\n </a-upload>\n <p :class=\"bem.e('tip')\">{{ computedTip }}</p>\n </div>\n\n <div style=\"display: none\">\n <a-image-preview-group\n :preview=\"{\n visible: imageVisible,\n onVisibleChange: (vis: boolean) => (imageVisible = vis)\n }\"\n >\n <a-image v-for=\"item in innerValue\" :key=\"item\" :src=\"item\" />\n </a-image-preview-group>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, useAttrs, computed } from 'vue'\nimport { omit } from 'lodash-es'\nimport { createNamespace, formatFileSize, fileToBase64 } from '@ll-plus/utils'\nimport { uploadImageProps, uploadImageEmits } from './upload-image'\nimport { message, Form } from 'ant-design-vue'\n\nimport type {\n UploadProps,\n FileType\n} from 'ant-design-vue/es/upload/interface.d.ts'\n\n//1.Init props/emits/bem/attrs\n\ndefineOptions({ name: 'LlUploadImage' })\n\nconst props = defineProps(uploadImageProps)\n\nconst emits = defineEmits(uploadImageEmits)\n\nconst bem = createNamespace('upload-image')\n\nconst attrs = useAttrs()\n\nconst fileList = ref([])\n\nconst imageVisible = ref(false)\n\nconst innerValue = ref<string[]>(\n Array.isArray(props.value)\n ? [...props.value]\n : props.value\n ? [props.value]\n : []\n)\n\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst computedAccept = computed(() => {\n return props.accept\n ? props.accept\n .split(',')\n .map(e => e.replace('.', ''))\n .join(',')\n : props.accept\n})\n\nconst computedTip = computed(() => {\n return typeof props.tip === 'string'\n ? props.tip\n : props.tip\n ? `支持${computedAccept.value}格式,不超过${formatFileSize(\n props.imgSize\n )}。`\n : ''\n})\n\nconst computedMultiple = computed(() => props.maxCount > 1)\n\nconst getBindValue = computed(() => ({\n ...omit({ ...attrs }, [...Object.keys(uploadImageProps)])\n}))\n\nconst beforeUpload = async (file: FileType, FileList: FileType[]) => {\n const fileType = file.type.toLowerCase().replace('image/', '')\n const isType = fileType === 'svg+xml' ? true : props.accept.includes(fileType)\n const isSize = file.size <= props.imgSize\n if (!isType) {\n message.error(`${file.name} 需要为${computedAccept.value}格式。`)\n return false\n }\n if (!isSize) {\n message.error(`${file.name} 文件不得大于${formatFileSize(props.imgSize)}。`)\n return false\n }\n return isType && isSize && props.beforeUpload?.(file, FileList)\n}\n\nconst customRequest: UploadProps['customRequest'] = async (res: any) => {\n const fileUrl = (await fileToBase64(res.file)) as string\n if (props.useBase64) {\n props.maxCount === 1\n ? (innerValue.value = [fileUrl])\n : innerValue.value.push(fileUrl)\n }\n try {\n props.customRequest?.(res, fileUrl)\n } catch (error) {\n innerValue.value.splice(innerValue.value.length - 1, 1)\n message.error('上传失败')\n }\n}\n\nconst handleRemoveImage = async () => {\n const index = innerValue.value.length - 1\n innerValue.value.splice(index, 1)\n\n setValue()\n}\n\nconst setValue = () => {\n const value =\n props.maxCount === 1\n ? innerValue.value.length\n ? innerValue.value[0]\n : ''\n : innerValue.value\n emits('update:value', value)\n emits('change', value)\n formItemContext.onFieldChange()\n}\n\nconst addDataToDatabase = async (data: any) => {\n try {\n const response = await fetch('http://your-database-api-endpoint', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(data)\n })\n if (!response.ok) {\n throw new Error('Failed to add data to the database')\n }\n const result = await response.json()\n console.log('Data added successfully:', result)\n } catch (error) {\n console.error('Error adding data to the database:', error)\n }\n}\n\n// Example usage\naddDataToDatabase({ key: 'value' })\n\nwatch(\n () => props.value,\n newVal => {\n if (newVal !== innerValue.value) {\n innerValue.value = Array.isArray(newVal)\n ? [...newVal]\n : newVal\n ? [newVal]\n : []\n }\n }\n)\n\nwatch(\n innerValue,\n () => {\n setValue()\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["createNamespace","useAttrs","ref","Form","computed","formatFileSize","omit","uploadImageProps","file","message","fileToBase64","watch"],"mappings":"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"}
|
package/package.json
CHANGED
package/theme-chalk/css/form.css
CHANGED
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
--color-primary-hover
|
|
3
3
|
);--menu-button-icon-hover-bg:rgba(0, 0, 0, 0.06);--collect-icon-color:#faad14;--header-icon-color:rgba(0, 0, 0, 0.65);--setting-bg-color:#f4f5f7;--setting-modal-bg-color:#fff;--default-icon:rgba(0, 0, 0, 0.45);--default-icon-hover:var(--color-primary-hover);--default-icon-hover-bg:rgba(0, 0, 0, 0.06);--default-icon-active:var(--color-primary-active);--default-icon-disable:rgba(0, 0, 0, 0.25);--primary-icon:var(--color-primary);--primary-icon-hover:var(--color-primary-hover);--primary-icon-active:var(--color-primary-active);--primary-icon-disabled:rgba(0, 0, 0, 0.25);--scroll-color:rgba(0, 0, 0, 0.25);--detail-descriptions-label-bg-color:#fafafa;--table-th-bg-color:#fafafa;--card-ribbon-bg-color:#e1f0ff;--card-ribbon-corner-bg-color:#5597dd;--help-des-bg-color:#fff4de;--image-border-color:rgba(0, 0, 0, 0.04);--blue-tag-bg-color:rgba(17, 135, 255, 0.1);--orange-tag-bg-color:rgba(250, 173, 20, 0.1);--green-tag-bg-color:rgba(82, 196, 26, 0.1);--success-status-bg-color:rgba(82, 196, 26, 0.08);--failure-status-bg-color:rgba(255, 77, 79, 0.08);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica, Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--loading-bg-color:rgba(255, 255, 255, 0.7)}.technology-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#b5e4ff;--color-primary-border:#8cd1ff;--color-primary-border-hover:#63bcff;--color-primary-hover:#3ba3ff;--color-primary:#1187ff;--color-primary-active:#0467d9;--color-primary-text-hover:#3ba3ff;--color-primary-text:#1187ff;--color-primary-text-active:#0467d9;--color-info:#1187ff}.cyan-blue{--color-primary-bg:#f0f9ff;--color-primary-bg-hover:#ebfaf8;--color-primary-border:#dfedec;--color-primary-border-hover:#afe0de;--color-primary-hover:#83d4d2;--color-primary:#5bc5c7;--color-primary-active:#429ca1;--color-primary-text-hover:#83d4d2;--color-primary-text:#5bc5c7;--color-primary-text-active:#429ca1;--color-info:#5bc5c7;--main-bg-color:#f4f7fd}.dark{--color-primary-bg:#111d2c;--color-primary-bg-hover:#102945;--color-primary-border:#13375b;--color-primary-border-hover:#13487e;--color-primary-hover:#3795e8;--color-primary:#1176dc;--color-primary-active:#125fad;--color-primary-text-hover:#3795e8;--color-primary-text:#1176dc;--color-primary-text-active:#125fad;--dark-color-primary:#1187ff;--color-success:#49aa19;--color-warning:#d89614;--color-error:#dc4446;--color-info:#1176dc;--color-text-base:#fff;--color-text:rgba(255, 255, 255);--color-text-secondary:rgba(255, 255, 255, 0.75);--color-text-tertiary:rgba(255, 255, 255, 0.45);--color-text-quaternary:rgba(255, 255, 255, 0.25);--color-border:#424242;--color-border-secondary:#303030;--color-split:rgba(255, 255, 255, 0.12);--color-fill:rgba(255, 255, 255, 0.18);--color-fill-secondary:rgba(255, 255, 255, 0.12);--color-fill-tertiary:rgba(255, 255, 255, 0.08);--color-fill-quaternary:rgba(255, 255, 255, 0.04);--color-bg-base:#000;--color-bg-container:#141414;--color-bg-elevated:#1f1f1f;--color-bg-layout:#000;--color-bg-spotlight:#424242;--color-bg-mask:rgba(0, 0, 0, 0.45);--control-item-bg-hover:rgba(255, 255, 255, 0.15);--control-outline:rgba(238, 38, 56, 0.11);--main-bg-color:transparent;--submenu-bg-color:#141414;--menu-search-bg-color:#000;--menu-border-color:#303030;--menu-button-icon-hover:var(
|
|
4
4
|
--color-primary-hover
|
|
5
|
-
);--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--color-warning);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04);--table-th-bg-color:#1d1d1d;--image-border-color:rgba(255, 255, 255, 0.04);--loading-bg-color:rgba(0, 0, 0, 0.7)}.gray{filter:grayscale(100%)}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown{min-width:100px!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.ll-form{width:100%}.ll-form .ant-form .ant-form-item-explain{padding-left:6px;box-sizing:border-box}.ll-form .ant-form .ant-form-item-explain .ant-form-item-explain-error{height:22px!important;line-height:22px;font-size:12px}.ll-form .ant-form .ant-form-item{margin-bottom:22px;padding:0 3px}.ll-form .ant-form .ant-form-item .ant-form-item-label{line-height:1.286!important}.ll-form .ant-form .ant-form-item .ant-form-item-label>label{height:auto}.ll-form .ant-form .ant-form-item .ant-form-item-label>label::after{display:none}.ll-form .ant-form .ant-form-item .ant-form-item-control{position:relative}.ll-form .ant-form .ant-form-item .ant-form-item-control .ant-form-item-explain{position:absolute}.ll-form .ant-form .ant-form-item .ant-form-item-control-input{min-height:auto}.ll-form .ant-form .ant-form-item.is-label-top .ant-form-item-label{padding-bottom:8px}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{display:inline-flex;align-items:center;padding-bottom:0;margin-right:20px;flex-direction:row-reverse}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label-left{flex-direction:row}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{max-height:36px}.ll-form .ant-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ll-form .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline:11px 26px}.ll-form .ant-form textarea.ant-input{height:100px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper{display:flex}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number{flex:1}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon{display:flex;align-items:center;justify-content:center;width:40px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon .unit{line-height:.6;color:var(--color-text-secondary)}.ll-form__tooltip-wrapper{margin-left:8px;display:flex;align-items:center}.ll-form__tooltip{padding-bottom:5px!important}
|
|
5
|
+
);--menu-button-icon-hover-bg:rgba(255, 255, 255, 0.15);--collect-icon-color:var(--color-warning);--header-icon-color:rgba(255, 255, 255, 0.75);--setting-bg-color:#1f1f1f;--setting-modal-bg-color:#1f1f1f;--default-icon:rgba(255, 255, 255, 0.75);--default-icon-disable:rgba(255, 255, 255, 0.25);--scroll-color:rgba(255, 255, 255, 0.25);--detail-descriptions-label-bg-color:rgba(255, 255, 255, 0.04);--table-th-bg-color:#1d1d1d;--image-border-color:rgba(255, 255, 255, 0.04);--loading-bg-color:rgba(0, 0, 0, 0.7)}.gray{filter:grayscale(100%)}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title{display:flex;align-items:center;justify-content:space-between;width:100%}.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-vertical.ll-menu-sub .ant-menu-submenu-title .ll-icon{margin-left:20px}.ant-dropdown{min-width:100px!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{margin-bottom:4px}.ant-dropdown .ant-dropdown-menu :last-child{margin-bottom:0!important}.ant-select:hover .ant-select-selector{border-color:var(--color-primary-hover)!important}.ant-select-dropdown .ant-cascader-menu-item-active,.ant-select-dropdown .ant-select-item-option-selected{color:var(--color-primary)!important}.ant-select-dropdown .ant-cascader-menu .ant-cascader-menu-item{margin-bottom:4px}.ant-select-dropdown .ant-cascader-menu :last-child{margin-bottom:0!important}.rc-virtual-list-holder-inner .ant-select-item{margin-bottom:4px}.rc-virtual-list-holder-inner :last-child{margin-bottom:0!important}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner{background-color:var(--color-primary)!important}.ll-form{width:100%}.ll-form .ant-form .ant-form-item-explain{padding-left:6px;box-sizing:border-box}.ll-form .ant-form .ant-form-item-explain .ant-form-item-explain-error{height:22px!important;line-height:22px;font-size:12px}.ll-form .ant-form .ant-form-item{margin-bottom:22px;padding:0 3px}.ll-form .ant-form .ant-form-item .ant-form-item-label{line-height:1.286!important}.ll-form .ant-form .ant-form-item .ant-form-item-label>label{height:auto}.ll-form .ant-form .ant-form-item .ant-form-item-label>label::after{display:none}.ll-form .ant-form .ant-form-item .ant-form-item-control{position:relative}.ll-form .ant-form .ant-form-item .ant-form-item-control .ant-form-item-explain{position:absolute;font-size:12px}.ll-form .ant-form .ant-form-item .ant-form-item-control-input{min-height:auto}.ll-form .ant-form .ant-form-item.is-label-top .ant-form-item-label{padding-bottom:8px}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{display:inline-flex;align-items:center;padding-bottom:0;margin-right:20px;flex-direction:row-reverse}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label-left{flex-direction:row}.ll-form .ant-form .ant-form-item.is-label-left .ant-form-item-label{max-height:36px}.ll-form .ant-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ll-form .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline:11px 26px}.ll-form .ant-form textarea.ant-input{height:100px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper{display:flex}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number{flex:1}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon{display:flex;align-items:center;justify-content:center;width:40px}.ll-form .ant-form .ll-input-number .ant-input-number-wrapper .ant-input-number-group-addon .unit{line-height:.6;color:var(--color-text-secondary)}.ll-form__tooltip-wrapper{margin-left:8px;display:flex;align-items:center}.ll-form__tooltip{padding-bottom:5px!important}
|