@king-design/vue 2.0.9 → 2.0.11

package/components/dialog/base.js

@@ -30,7 +30,8 @@ var typeDefs = {
   terminate: Function,
   escClosable: Boolean,
   width: [String, Number],
-  mode: ['destroy', 'hide']
+  mode: ['destroy', 'hide'],
+  draggable: Boolean
 };
 
 var defaults = function defaults() {
@@ -43,7 +44,8 @@ var defaults = function defaults() {
     overlay: true,
     closable: true,
     escClosable: true,
-    mode: 'hide'
+    mode: 'hide',
+    draggable: true
   };
 };
 

package/components/dialog/useDraggable.js

@@ -49,6 +49,9 @@ export function useDraggable(dialogRef, areaRef) {
 
   return useBaseDraggable({
     onStart: onStart,
-    onMove: onMove
+    onMove: onMove,
+    disable: function disable() {
+      return !component.get('draggable');
+    }
   });
 }

package/components/dialog/useEscClosable.js

@@ -34,7 +34,7 @@ export function useEscClosable() {
       }
     }
 
-    _spliceInstanceProperty(dialogs).call(dialogs, 0, index);
+    _spliceInstanceProperty(dialogs).call(dialogs, index, 1);
 
     if (!dialogs.length) {
       document.removeEventListener('keydown', escClose);

package/components/drawer/index.js

@@ -10,7 +10,8 @@ var typeDefs = _extends({}, BaseDialog.typeDefs, {
 
 var defaults = function defaults() {
   return _extends({}, BaseDialog.defaults(), {
-    placement: 'right'
+    placement: 'right',
+    draggable: false
   });
 };
 

package/components/portal.js

@@ -97,13 +97,17 @@ export var Portal = /*#__PURE__*/function (_Component) {
 
     if (!this.container) {
       // find the closest dialog if exists
-      var tmp;
-
-      if ((tmp = this.dialog) && tmp !== this.$senior && (tmp = tmp.dialogRef.value)) {
-        this.container = tmp;
-      } else {
-        this.container = document.body;
-      }
+      this.container = parentDom.closest('.k-dialog') || document.body;
+      /**
+       * @FIXME: We cannot get parent ref from sub component in Vue
+       */
+      // find the closest dialog if exists
+      // let tmp;
+      // if ((tmp = this.dialog) && (tmp !== this.$senior) && (tmp = tmp.dialogRef.value)) {
+      // this.container = tmp;
+      // } else {
+      // this.container = document.body;
+      // }
     }
   };
 

package/components/select/base.d.ts

@@ -35,6 +35,7 @@ export interface BaseSelectBlocks<V> {
     suffix: null;
 }
 export declare abstract class BaseSelect<T extends BaseSelectProps<any> = BaseSelectProps<any>, E extends BaseSelectEvents = BaseSelectEvents, B extends BaseSelectBlocks<any> = BaseSelectBlocks<any>> extends Component<T, E, B> {
+    static $doubleVNodes: boolean;
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<BaseSelectProps<any, boolean, any>>>;
     static defaults: () => Partial<BaseSelectProps<any, boolean, any>>;

package/components/select/base.js

@@ -138,6 +138,7 @@ export var BaseSelect = /*#__PURE__*/function (_Component) {
 
   return BaseSelect;
 }(Component);
+BaseSelect.$doubleVNodes = true;
 BaseSelect.template = template;
 BaseSelect.typeDefs = typeDefs;
 BaseSelect.defaults = defaults;

package/components/select/useBaseLabel.d.ts

@@ -2,6 +2,7 @@ import { Children, Component } from 'intact-vue-next';
 declare type BaseLabelProps = {
     value: any;
     multiple: boolean;
+    filterable: boolean;
 };
 export declare function useBaseLabel<T, C extends Component<P>, P extends BaseLabelProps>(getChildren: () => T, findLabelFromChildren: (children: T, value: any) => Children): {
     getLabel: () => Children;

package/components/select/useBaseLabel.js

@@ -2,7 +2,7 @@ import _Map from "@babel/runtime-corejs3/core-js/map";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import { useInstance } from 'intact-vue-next';
 import { isNullOrUndefined, isStringOrNumber } from 'intact-shared';
-import { isEmptyString } from '../utils';
+import { isEmptyString, getTextByChildren } from '../utils';
 export function useBaseLabel(getChildren, findLabelFromChildren) {
   var instance = useInstance();
   var labelMap = new _Map();
@@ -36,6 +36,10 @@ export function useBaseLabel(getChildren, findLabelFromChildren) {
     if (isNullOrUndefined(label)) {
       label = labelMap.get(value);
     } else {
+      if (instance.get('filterable')) {
+        label = getTextByChildren(label);
+      }
+
       labelMap.set(value, label);
     }
 

package/hooks/useDraggable.d.ts

@@ -2,6 +2,7 @@ export declare type Options = {
     onStart?: (e: MouseEvent) => void;
     onMove: (e: MouseEvent) => void;
     onEnd?: (e?: MouseEvent) => void;
+    disable?: () => boolean;
 };
 export declare function useDraggable(options: Options): {
     start: (e: MouseEvent) => void;

package/hooks/useDraggable.js

@@ -5,7 +5,7 @@ export function useDraggable(options) {
 
   function start(e) {
     // ignore if it isn't left key
-    if (e.which !== 1) return;
+    if (e.which !== 1 || options.disable != null && options.disable()) return;
     dragging.set(true);
 
     if (options.onStart) {
@@ -17,6 +17,7 @@ export function useDraggable(options) {
   }
 
   function move(e) {
+    if (options.disable != null && options.disable()) return;
     e.preventDefault();
 
     if (dragging.value) {

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.9
+ * @king-design v2.0.11
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,7 +57,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.9";
+export declare const version = "2.0.11";
 
 
 export {normalize} from 'intact-vue-next';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.9
+ * @king-design v2.0.11
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,7 +59,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.9';
+export var version = '2.0.11';
 /* generate end */
 
 export {normalize} from 'intact-vue-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/vue",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "description": "King-Design UI components for Vue3.0.",
   "keywords": [
     "component",
@@ -38,7 +38,7 @@
     "dayjs": "^1.10.7",
     "downloadjs": "^1.4.7",
     "enquire.js": "^2.1.6",
-    "intact-vue-next": "^3.0.10",
+    "intact-vue-next": "^3.0.12",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",