@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.4

package/dist/components/render-dataset/components/dataset-data-valid/index.script.vue.js.js

@@ -0,0 +1,174 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, unref as _unref, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+    class: "g-max-truncate g-flex-row",
+    "data-ellipsis-tooltip": ""
+};
+const _hoisted_2 = [
+    "href"
+];
+import { ref, toRef } from 'vue';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { usePermission } from '../../../../hooks/use-permission.ts.js';
+import { ResourcePermissionAction } from '../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        id: {},
+        isValid: {
+            type: Boolean
+        },
+        datasetId: {},
+        apiPrefix: {},
+        spaceId: {},
+        manageDataset: {
+            type: Boolean
+        },
+        isInternal: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "update"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { batchUpdateDatasetDataValidity } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const currentValid = ref(props.isValid);
+        const isShowEditValid = ref(false);
+        const handleCalcHasManagePermission = ()=>{
+            return !props.isInternal || props.manageDataset;
+        };
+        const handlePermissionMouseClick = (callBack)=>{
+            handleMouseClick(callBack, handleCalcHasManagePermission(), [
+                ResourcePermissionAction.ManageDataset
+            ], props.datasetId);
+        };
+        const handleShowEditValid = ()=>{
+            isShowEditValid.value = true;
+            currentValid.value = props.isValid;
+        };
+        const handleConfirm = ()=>{
+            batchUpdateDatasetDataValidity({
+                datasetId: props.datasetId,
+                datasetItemIds: [
+                    props.id
+                ],
+                isValid: currentValid.value
+            }).then(()=>{
+                handleCancel();
+                emits('update');
+            });
+        };
+        const handleCancel = ()=>{
+            isShowEditValid.value = false;
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_radio = _resolveComponent("bk-radio");
+            const _component_bk_radio_group = _resolveComponent("bk-radio-group");
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            return _openBlock(), _createElementBlock("span", _hoisted_1, [
+                props.isValid !== undefined ? (_openBlock(), _createElementBlock("svg", {
+                    key: 0,
+                    class: _normalizeClass({
+                        'g-mr-4 g-w-16 g-h-16 g-min-w-16 g-text-blue': true,
+                        'g-text-green': props.isValid,
+                        'g-text-red': !props.isValid
+                    })
+                }, [
+                    _createElementVNode("use", {
+                        href: props.isValid ? '#ai-ui-sdk-sync-success' : '#ai-ui-sdk-sync-failed'
+                    }, null, 8 /* PROPS */ , _hoisted_2)
+                ], 2 /* CLASS */ )) : _createCommentVNode("v-if", true),
+                _createTextVNode(" " + _toDisplayString(props.isValid !== undefined ? props.isValid ? '有效' : '无效' : '--') + " ", 1 /* TEXT */ ),
+                props.isValid !== undefined ? (_openBlock(), _createBlock(_component_bk_pop_confirm, {
+                    key: 1,
+                    title: "编辑数据有效性",
+                    width: "291",
+                    height: "177",
+                    trigger: "manual",
+                    "is-show": isShowEditValid.value,
+                    onConfirm: handleConfirm,
+                    onCancel: handleCancel
+                }, {
+                    content: _withCtx(()=>[
+                            _createVNode(_component_bk_radio_group, {
+                                modelValue: currentValid.value,
+                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event)=>currentValid.value = $event),
+                                class: "g-flex g-flex-col g-mb-24 g-mt-4"
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_radio, {
+                                            class: "g-mb-12",
+                                            label: false,
+                                            onClick: _cache[4] || (_cache[4] = ($event)=>currentValid.value = false)
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[7] || (_cache[7] = [
+                                                        _createElementVNode("div", {
+                                                            class: "g-flex-row g-items-center"
+                                                        }, [
+                                                            _createElementVNode("svg", {
+                                                                class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-text-red"
+                                                            }, [
+                                                                _createElementVNode("use", {
+                                                                    href: "#ai-ui-sdk-sync-failed"
+                                                                })
+                                                            ]),
+                                                            _createTextVNode(" 无效（不参与模型训练） ")
+                                                        ], -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        }),
+                                        _createVNode(_component_bk_radio, {
+                                            class: "radio",
+                                            label: true,
+                                            onClick: _cache[5] || (_cache[5] = ($event)=>currentValid.value = true)
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[8] || (_cache[8] = [
+                                                        _createElementVNode("div", {
+                                                            class: "g-flex-row g-items-center"
+                                                        }, [
+                                                            _createElementVNode("svg", {
+                                                                class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-text-green"
+                                                            }, [
+                                                                _createElementVNode("use", {
+                                                                    href: "#ai-ui-sdk-sync-success"
+                                                                })
+                                                            ]),
+                                                            _createTextVNode(" 有效 ")
+                                                        ], -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        })
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "modelValue"
+                            ])
+                        ]),
+                    default: _withCtx(()=>[
+                            _createElementVNode("i", {
+                                class: _normalizeClass({
+                                    '!g-disabled': !handleCalcHasManagePermission(),
+                                    'g-ml-4 g-text-blue !g-cursor-pointer ai-ui-sdk-icon ai-ui-sdk-edit-line': true
+                                }),
+                                onMouseenter: _cache[0] || (_cache[0] = ($event)=>_unref(handleMouseEnter)(handleCalcHasManagePermission())),
+                                onMousemove: _cache[1] || (_cache[1] = (event)=>_unref(handleMouseMove)(event, handleCalcHasManagePermission())),
+                                onMouseleave: _cache[2] || (_cache[2] = //@ts-ignore
+                                (...args)=>_unref(handleMouseLeave) && _unref(handleMouseLeave)(...args)),
+                                onClick: _cache[3] || (_cache[3] = ($event)=>handlePermissionMouseClick(handleShowEditValid))
+                            }, null, 34 /* CLASS, NEED_HYDRATION */ )
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "is-show"
+                ])) : _createCommentVNode("v-if", true)
+            ]);
+        };
+    }
+});

package/dist/components/render-dataset/components/dataset-data-valid/index.vue.css

@@ -0,0 +1,4 @@
+
+.radio[data-v-0dozguzj] {
+  margin-left: 0px;
+}

package/dist/components/render-dataset/components/dataset-data-valid/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-0dozguzj";
+script.__file = "./src/components/render-dataset/components/dataset-data-valid/index.vue";
+import './index.vue.css';
+export default script;

package/dist/components/render-dataset/components/edit-dataset-data/index.script.vue.js.js

@@ -0,0 +1,403 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createBlock as _createBlock, renderList as _renderList, Fragment as _Fragment, normalizeClass as _normalizeClass, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createSlots as _createSlots } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "g-text-14"
+};
+const _hoisted_2 = {
+    class: "g-flex-row !g-justify-between !g-w-full"
+};
+const _hoisted_3 = {
+    key: 1,
+    class: "value-content g-whitespace-pre-line !g-mb-16"
+};
+import { EditLine } from 'bkui-vue/lib/icon';
+import { ref, toRef, watch } from 'vue';
+import RenderAutoHeightTextarea from '../../../render-auto-height-textarea/index.vue.js';
+import Collapse from '../../../render-collapse/index.vue.js';
+import DatasetDataToolIcons from '../dataset-data-tool-icons/index.vue.js';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { usePermission } from '../../../../hooks/use-permission.ts.js';
+import useTable from '../../../../hooks/use-table.ts.js';
+import { ResourcePermissionAction } from '../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {
+            type: Boolean
+        },
+        index: {},
+        datasetId: {},
+        apiPrefix: {},
+        schema: {},
+        spaceId: {},
+        search: {},
+        manageDataset: {
+            type: Boolean
+        },
+        isInternal: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "success-edit",
+        "update:modelValue"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { updateDatasetData, getDatasetDataList } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const renderFormData = ref();
+        const editFormData = ref();
+        const loading = ref(false);
+        const showEditKeys = ref([]);
+        const formRef = ref();
+        const handleCalcHasManagePermission = ()=>{
+            return !props.isInternal || props.manageDataset;
+        };
+        const handlePermissionMouseClick = (callBack)=>{
+            handleMouseClick(callBack, handleCalcHasManagePermission(), [
+                ResourcePermissionAction.ManageDataset
+            ], props.datasetId);
+        };
+        const handleGetDatasetDataList = (params)=>{
+            return getDatasetDataList(_object_spread({
+                datasetId: props.datasetId
+            }, props.search, params));
+        };
+        const { tableData, pagination, isLoading, handlePageChange, triggerApi } = useTable(handleGetDatasetDataList, 'results', {
+            current: 1,
+            limit: 1,
+            count: 0
+        });
+        const handleEdit = (key)=>{
+            showEditKeys.value.push(key);
+        };
+        const handleShow = function() {
+            var _ref = _async_to_generator(function*() {
+                // 获取数据
+                yield triggerApi();
+                // 设置页码
+                pagination.value.current = props.index + 1;
+            });
+            return function handleShow() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleClose = ()=>{
+            emits('update:modelValue', false);
+            return true;
+        };
+        // 确认
+        const handleConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    loading.value = true;
+                    // 校验
+                    yield formRef.value.validate();
+                    // 更新数据
+                    const datasetData = _object_spread_props(_object_spread({}, tableData.value[0]), {
+                        data: editFormData.value
+                    });
+                    yield updateDatasetData(datasetData, datasetData.id);
+                    // emits
+                    emits('success-edit');
+                    // 刷新
+                    yield triggerApi();
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    loading.value = false;
+                }
+            });
+            return function handleConfirm() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        // 取消
+        const handleCancel = ()=>{
+            showEditKeys.value = [];
+            editFormData.value = _object_spread({}, renderFormData.value);
+        };
+        // 获取数据以后，修改表单数据
+        const handleInitData = ()=>{
+            var _tableData_value_, _tableData_value;
+            showEditKeys.value = [];
+            const formData = tableData === null || tableData === void 0 ? void 0 : (_tableData_value = tableData.value) === null || _tableData_value === void 0 ? void 0 : (_tableData_value_ = _tableData_value[0]) === null || _tableData_value_ === void 0 ? void 0 : _tableData_value_.data;
+            renderFormData.value = _object_spread({}, formData);
+            editFormData.value = _object_spread({}, formData);
+        };
+        watch(()=>tableData.value, handleInitData, {
+            deep: true
+        });
+        watch(()=>props.modelValue, (val)=>{
+            if (val) {
+                handleShow();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            const _component_bk_pagination = _resolveComponent("bk-pagination");
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createBlock(_component_bk_sideslider, {
+                class: "data-set-edit-slider",
+                width: 960,
+                "is-show": __props.modelValue,
+                "before-close": handleClose
+            }, _createSlots({
+                header: _withCtx(()=>[
+                        _createVNode(_component_bk_loading, {
+                            class: "g-flex-row !g-justify-between",
+                            loading: _unref(isLoading)
+                        }, {
+                            default: _withCtx(()=>[
+                                    _cache[2] || (_cache[2] = _createElementVNode("span", null, "编辑数据", -1 /* CACHED */ )),
+                                    _cache[3] || (_cache[3] = _createElementVNode("span", {
+                                        class: "g-gap g-ml-14 g-mr-8"
+                                    }, null, -1 /* CACHED */ )),
+                                    _unref(tableData)[0] ? (_openBlock(), _createElementBlock("span", _hoisted_1, _toDisplayString(`#${_unref(tableData)[0].id}`), 1 /* TEXT */ )) : _createCommentVNode("v-if", true)
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "loading"
+                        ]),
+                        __props.modelValue && showEditKeys.value.length <= 0 ? (_openBlock(), _createBlock(_component_bk_pagination, {
+                            key: 0,
+                            small: "",
+                            class: "g-mr-24",
+                            "show-limit": false,
+                            "model-value": _unref(pagination).current,
+                            count: _unref(pagination).count,
+                            limit: 1,
+                            "limit-list": [
+                                1
+                            ],
+                            onChange: _unref(handlePageChange)
+                        }, null, 8 /* PROPS */ , [
+                            "model-value",
+                            "count",
+                            "onChange"
+                        ])) : _createCommentVNode("v-if", true)
+                    ]),
+                default: _withCtx(()=>[
+                        _createVNode(_component_bk_loading, {
+                            loading: _unref(isLoading),
+                            class: "content"
+                        }, {
+                            default: _withCtx(()=>[
+                                    _createVNode(_component_bk_form, {
+                                        ref_key: "formRef",
+                                        ref: formRef,
+                                        "label-width": 0,
+                                        model: editFormData.value
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(renderFormData.value, (value, key)=>{
+                                                    return _openBlock(), _createElementBlock("section", {
+                                                        key: key,
+                                                        class: "full-screen-wrap !g-bg-white"
+                                                    }, [
+                                                        _createVNode(Collapse, {
+                                                            title: key,
+                                                            class: "g-mb-8"
+                                                        }, {
+                                                            suffix: _withCtx(()=>[
+                                                                    _createElementVNode("span", _hoisted_2, [
+                                                                        _createVNode(_unref(EditLine), {
+                                                                            class: _normalizeClass({
+                                                                                '!g-disabled': !handleCalcHasManagePermission(),
+                                                                                'g-ml-10 g-text-blue !g-cursor-pointer disable-click-toggle': true
+                                                                            }),
+                                                                            onMouseenter: _cache[0] || (_cache[0] = ($event)=>_unref(handleMouseEnter)(handleCalcHasManagePermission())),
+                                                                            onMousemove: _cache[1] || (_cache[1] = (event)=>_unref(handleMouseMove)(event, handleCalcHasManagePermission())),
+                                                                            onMouseleave: _unref(handleMouseLeave),
+                                                                            onClick: ($event)=>handlePermissionMouseClick(()=>handleEdit(key))
+                                                                        }, null, 8 /* PROPS */ , [
+                                                                            "class",
+                                                                            "onMouseleave",
+                                                                            "onClick"
+                                                                        ]),
+                                                                        _createVNode(DatasetDataToolIcons, {
+                                                                            class: "disable-click-toggle",
+                                                                            tips: __props.schema[key]
+                                                                        }, null, 8 /* PROPS */ , [
+                                                                            "tips"
+                                                                        ])
+                                                                    ])
+                                                                ]),
+                                                            default: _withCtx(()=>[
+                                                                    showEditKeys.value.includes(key) ? (_openBlock(), _createBlock(_component_bk_form_item, {
+                                                                        key: 0,
+                                                                        property: key,
+                                                                        required: ""
+                                                                    }, {
+                                                                        default: _withCtx(()=>[
+                                                                                _createVNode(RenderAutoHeightTextarea, {
+                                                                                    modelValue: editFormData.value[key],
+                                                                                    "onUpdate:modelValue": ($event)=>editFormData.value[key] = $event,
+                                                                                    placeholder: __props.schema[key],
+                                                                                    height: 300
+                                                                                }, null, 8 /* PROPS */ , [
+                                                                                    "modelValue",
+                                                                                    "onUpdate:modelValue",
+                                                                                    "placeholder"
+                                                                                ])
+                                                                            ]),
+                                                                        _: 2 /* DYNAMIC */ 
+                                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                                        "property"
+                                                                    ])) : (_openBlock(), _createElementBlock("h5", _hoisted_3, _toDisplayString(value), 1 /* TEXT */ ))
+                                                                ]),
+                                                            _: 2 /* DYNAMIC */ 
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                            "title"
+                                                        ])
+                                                    ]);
+                                                }), 128 /* KEYED_FRAGMENT */ ))
+                                            ]),
+                                        _: 1 /* STABLE */ 
+                                    }, 8 /* PROPS */ , [
+                                        "model"
+                                    ])
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "loading"
+                        ])
+                    ]),
+                _: 2 /* DYNAMIC */ 
+            }, [
+                showEditKeys.value.length > 0 ? {
+                    name: "footer",
+                    fn: _withCtx(()=>[
+                            _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                                class: "g-w-88 g-mr-8",
+                                theme: "primary",
+                                loading: loading.value,
+                                onClick: handleConfirm
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[4] || (_cache[4] = [
+                                            _createTextVNode(" 保存 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "loading"
+                            ])), [
+                                [
+                                    _directive_bk_tooltips,
+                                    {
+                                        content: '如数据已审核通过，重新编辑后，将会重新进入待审核状态',
+                                        placement: 'top'
+                                    }
+                                ]
+                            ]),
+                            _createVNode(_component_bk_button, {
+                                class: "g-w-88",
+                                disabled: loading.value,
+                                onClick: handleCancel
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[5] || (_cache[5] = [
+                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "disabled"
+                            ])
+                        ]),
+                    key: "0"
+                } : undefined
+            ]), 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

package/dist/components/render-dataset/components/edit-dataset-data/index.vue.css

@@ -0,0 +1,15 @@
+
+.content[data-v-zfu9nyea] {
+  padding: 18px 24px 0;
+  height: 100%;
+  overflow: auto;
+}
+.data-set-edit-slider .value-content[data-v-zfu9nyea] {
+    padding: 16px;
+    border: 1px solid #DCDEE5;
+    line-height: 22px;
+}
+.data-set-edit-slider[data-v-zfu9nyea] .bk-sideslider-title {
+    justify-content: space-between;
+    width: 100%;
+}

package/dist/components/render-dataset/components/edit-dataset-data/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-zfu9nyea";
+script.__file = "./src/components/render-dataset/components/edit-dataset-data/index.vue";
+import './index.vue.css';
+export default script;