@king-design/intact 3.6.0-beta.0 → 3.6.1

package/es/site/data/components/select/demos/searchable/react.js

@@ -14,7 +14,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.state = {
       day: null,
-      days: ['Tuesday']
+      days: []
     };
     return _this;
   }

package/es/site/data/components/tour/demos/customText/index.d.ts

@@ -5,16 +5,29 @@ export default class extends Component {
     static defaults(): {
         currentStep: number;
         showTour: boolean;
-        nextText: string;
-        prevText: string;
-        doneText: string;
-        tourData: {
+        tourData: ({
             target: string;
             title: string;
             content: string;
             position: string;
-        }[];
+            nextText: string;
+            prevText?: undefined;
+        } | {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+            nextText: string;
+            prevText: string;
+        } | {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+            prevText: string;
+            nextText?: undefined;
+        })[];
     };
     startTour(): void;
-    finishTour(): void;
+    close(): void;
 }

package/es/site/data/components/tour/demos/customText/index.js

@@ -13,24 +13,25 @@ var default_1 = /*#__PURE__*/function (_Component) {
     return {
       currentStep: 0,
       showTour: false,
-      nextText: '前进',
-      prevText: '返回',
-      doneText: '完成设置',
       tourData: [{
-        target: '#customText1',
-        title: '自定义按钮文本',
-        content: '您可以看到底部的按钮已经被自定义了',
-        position: 'bottom'
+        target: '#welcome-btn',
+        title: '欢迎使用！',
+        content: '欢迎来到我们的应用，让我们开始引导之旅吧！',
+        position: 'bottom',
+        nextText: '开始探索'
       }, {
-        target: '#customText2',
-        title: '支持更改文本',
-        content: '可以根据不同的语言环境定制按钮文本',
-        position: 'bottom'
+        target: '#feature-btn',
+        title: '功能介绍',
+        content: '这里是主要功能区域，您可以在这里进行各种操作。',
+        position: 'bottom',
+        nextText: '前进',
+        prevText: '回到开始'
       }, {
-        target: '#customText3',
-        title: '最后一步',
-        content: '完成按钮也可以自定义',
-        position: 'bottom'
+        target: '#finish-btn',
+        title: '设置完成',
+        content: '恭喜！您已经完成了所有设置，现在可以开始使用了。',
+        position: 'top',
+        prevText: '返回上一步'
       }]
     };
   };
@@ -41,7 +42,7 @@ var default_1 = /*#__PURE__*/function (_Component) {
       currentStep: 0
     });
   };
-  _proto.finishTour = function finishTour() {
+  _proto.close = function close() {
     this.set({
       showTour: false
     });
@@ -51,4 +52,4 @@ var default_1 = /*#__PURE__*/function (_Component) {
 default_1.template = template;
 export { default_1 as default };
 __decorate([bind], default_1.prototype, "startTour", null);
-__decorate([bind], default_1.prototype, "finishTour", null);
+__decorate([bind], default_1.prototype, "close", null);

package/es/site/data/components/tour/demos/customText/react.d.ts

@@ -1,19 +1,33 @@
 import React from 'react';
+import './index.styl';
 export default class Demo extends React.Component {
     state: {
         currentStep: number;
         showTour: boolean;
-        nextText: string;
-        prevText: string;
-        doneText: string;
-        tourData: {
+        tourData: ({
             target: string;
             title: string;
             content: string;
             position: string;
-        }[];
+            nextText: string;
+            prevText?: undefined;
+        } | {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+            nextText: string;
+            prevText: string;
+        } | {
+            target: string;
+            title: string;
+            content: string;
+            position: string;
+            prevText: string;
+            nextText?: undefined;
+        })[];
     };
     startTour(): void;
-    finishTour(): void;
+    close(): void;
     render(): React.JSX.Element;
 }

package/es/site/data/components/tour/demos/customText/react.js

@@ -3,6 +3,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
 import { __decorate } from "tslib";
 import React from 'react';
 import { Tour, Button } from '@king-design/react';
+import './index.styl';
 import { bind } from '@king-design/react';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
@@ -16,24 +17,25 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     _this.state = {
       currentStep: 0,
       showTour: false,
-      nextText: '前进',
-      prevText: '返回',
-      doneText: '完成设置',
       tourData: [{
-        target: '#customText1',
-        title: '自定义按钮文本',
-        content: '您可以看到底部的按钮已经被自定义了',
-        position: 'bottom'
+        target: '#welcome-btn',
+        title: '欢迎使用！',
+        content: '欢迎来到我们的应用，让我们开始引导之旅吧！',
+        position: 'bottom',
+        nextText: '开始探索'
       }, {
-        target: '#customText2',
-        title: '支持更改文本',
-        content: '可以根据不同的语言环境定制按钮文本',
-        position: 'bottom'
+        target: '#feature-btn',
+        title: '功能介绍',
+        content: '这里是主要功能区域，您可以在这里进行各种操作。',
+        position: 'bottom',
+        nextText: '前进',
+        prevText: '回到开始'
       }, {
-        target: '#customText3',
-        title: '最后一步',
-        content: '完成按钮也可以自定义',
-        position: 'bottom'
+        target: '#finish-btn',
+        title: '设置完成',
+        content: '恭喜！您已经完成了所有设置，现在可以开始使用了。',
+        position: 'top',
+        prevText: '返回上一步'
       }]
     };
     return _this;
@@ -45,7 +47,7 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       currentStep: 0
     });
   };
-  _proto.finishTour = function finishTour() {
+  _proto.close = function close() {
     this.setState({
       showTour: false
     });
@@ -55,18 +57,18 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "example-container"
     }, /*#__PURE__*/React.createElement(Button, {
-      id: "customText1"
-    }, "\u7B2C\u4E00\u6B65"), /*#__PURE__*/React.createElement(Button, {
-      id: "customText2",
+      id: "welcome-btn"
+    }, "\u6B22\u8FCE\u9875\u9762"), /*#__PURE__*/React.createElement(Button, {
+      id: "feature-btn",
       style: {
         "marginLeft": "20px"
       }
-    }, "\u7B2C\u4E8C\u6B65"), /*#__PURE__*/React.createElement(Button, {
-      id: "customText3",
+    }, "\u529F\u80FD\u4ECB\u7ECD"), /*#__PURE__*/React.createElement(Button, {
+      id: "finish-btn",
       style: {
         "marginLeft": "20px"
       }
-    }, "\u7B2C\u4E09\u6B65")), /*#__PURE__*/React.createElement(Tour, {
+    }, "\u5B8C\u6210\u8BBE\u7F6E")), /*#__PURE__*/React.createElement(Tour, {
       value: this.state.currentStep,
       onChangeValue: function onChangeValue(currentStep) {
         return _this2.setState({
@@ -75,21 +77,23 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       },
       visible: this.state.showTour,
       data: this.state.tourData,
-      doneText: this.state.doneText,
-      onFinish: this.finishTour
+      doneText: "\u5B8C\u6210",
+      onFinish: this.close
     }), /*#__PURE__*/React.createElement("div", {
       style: {
         "marginTop": "20px"
       }
     }, /*#__PURE__*/React.createElement(Button, {
-      onClick: this.startTour,
+      type: "primary",
+      onClick: this.startTour
+    }, "\u5F00\u59CB\u81EA\u5B9A\u4E49\u6309\u94AE\u5F15\u5BFC"), /*#__PURE__*/React.createElement("span", {
       style: {
         "marginLeft": "10px"
       }
-    }, "\u542F\u52A8\u5F15\u5BFC")));
+    }, "\u5F53\u524D\u6B65\u9AA4: ", this.state.currentStep >= 0 ? this.state.currentStep + 1 : '未启动')));
   };
   return Demo;
 }(React.Component);
 export { Demo as default };
 __decorate([bind], Demo.prototype, "startTour", null);
-__decorate([bind], Demo.prototype, "finishTour", null);
+__decorate([bind], Demo.prototype, "close", null);

package/es/test/demos.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import { mount, testDemos, unmount, nextFrame } from './utils';
 var req = require.context('~/components/', true, /^((?!(affix|code)).)*\/demos\/.*index\.ts$/);
-// const req = require.context('~/components/', true, /upload\/demos\/.*index\.ts$/);
+// const req = require.context('~/components/', true, /button\/demos\/.*index\.ts$/);
 // const vueReq = require.context('~/components/', true, /^((?!(affix|code)).)*\/demos\/.*index\.vue$/);
 describe('Demos', function () {
   afterEach(function () {

package/index.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.6.0-beta.0
+ * @king-design v3.6.1
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -71,6 +71,6 @@ export * from './components/view';
 export * from './components/virtualList';
 export * from './components/wave';
 
-export const version = '3.6.0-beta.0';
+export const version = '3.6.1';
 
 /* generate end */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/intact",
-  "version": "3.6.0-beta.0",
+  "version": "3.6.1",
   "description": "A component library written in Intact for Intact, Vue, React and Angular",
   "main": "es/index.js",
   "engines": {
@@ -180,7 +180,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact": "^3.0.40",
+    "intact": "^3.0.44",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",

package/components/datepicker/demos/nowrap.md

@@ -1,35 +0,0 @@
----
-title: 单行显示
-order: 7
----
-`nowrap`属性可以控制是否换行显示，`isMerge`属性可以控制不换行显示时是否交叉自动合并
-
-```vdt
-import {Datepicker} from 'kpc';
-
-<div>
-    <Datepicker multiple nowrap range v-model="dateRange" />
-    You selected: {JSON.stringify(this.get('dateRange'))}
-    <br /><br />
-    <Datepicker multiple nowrap isMerge range v-model="mergeDateRange" />
-    You selected: {JSON.stringify(this.get('mergeDateRange'))}
-    <br /><br />
-</div>
-```
-
-```ts
-interface Props {
-    dateRange?: [string, string][]
-    mergeDateRange?: [string, string][]
-}
-
-export default class extends Component<Props> {
-    static template = template;
-    static defaults() {
-        return {  
-            dateRange: [],
-            mergeDateRange: [],
-        } as Props;
-    }
-}
-```

package/components/datepicker/usePosition.ts

@@ -1,169 +0,0 @@
-import {useInstance} from 'intact';
-import type {Datepicker} from './';
-import { useState } from '../../hooks/useState';
-import {last} from '../utils';
-
-export function usePosition() {
-    const instance = useInstance() as Datepicker;
-    const position = useState<'start' | 'end'>('start');
-    
-    // 根据类型获取默认字符长度
-    function getDefaultCharLength() {
-        const {type} = instance.get();
-        switch (type) {
-            case 'datetime':
-                return 16 ; // "2025-07-10 00:00:00" 
-            case 'date':
-                return 10; // "2025-07-09" 
-            default:
-                return 10;
-        }
-    }
-    
-    const charLength = useState<number>(getDefaultCharLength()); // 当前活动部分的字符长度
-    const startTextLength = useState<number>(getDefaultCharLength()); // 开始文本的长度，用于计算结束文本位置
-    
-    // 监听类型变化，更新默认字符长度
-    instance.watch('type', () => {
-        const defaultLength = getDefaultCharLength();
-        charLength.set(defaultLength);
-        startTextLength.set(defaultLength);
-    }); 
-
-    function handleInputClick(e: MouseEvent) {  
-        const { range, type } = instance.get();
-     
-
-        if (!range) {
-            return; 
-        } 
-        // 对于日期时间范围选择器，如果当前没有值或值不完整，总是设置为开始时间
-        if (type === 'datetime') {
-            const currentValue = instance.value.value.value;
-            const lastValue = last(currentValue);
-            // 如果没有值或者当前范围值不完整（只有开始时间没有结束时间），强制设置为开始时间
-            if (!lastValue || !Array.isArray(lastValue) || lastValue.length < 2 || !lastValue[1]) {
-                position.set('start');
-                return;
-            }
-        } 
-          
-        // 获取事件目标元素  
-        let target = e.currentTarget as HTMLElement;  
-        // 如果目标元素不是 .k-select-main，则查找父元素  
-        if (!target.classList.contains(`.k-select-main`)) {  
-            target = target.closest(`.k-select-main`) as HTMLElement;  
-            if (!target) return;  
-        }
-
-        const hiddenInput = target.querySelector('input[type="hidden"]') as HTMLInputElement;
-        const { width: totalVisualWidth } = target.getBoundingClientRect();  
-        let midPoint;
-        if (hiddenInput && hiddenInput.value && hiddenInput.value.includes(',')) {
-            // 分割字符串获取开始和结束日期的文本
-            const [startText, endText] = hiddenInput.value.split(',');
-            // 确保两部分都存在，避免计算错误
-            if (startText && endText) {
-                const totalCharLength = startText.length + endText.length;
-                // 计算开始日期文本长度所占的比例
-                const startRatio = startText.length / totalCharLength;
-                   
-                // 估算每个字符的宽度（与样式中保持一致）
-                const charWidthPx = 8;
-                
-                // 计算实际文本占用的宽度
-                const startTextWidth = startText.length * charWidthPx;
-                const endTextWidth = endText.length * charWidthPx;
-                const separatorWidth = 3 * charWidthPx; // " ~ " 大约3个字符宽度
-                const totalTextWidth = startTextWidth + separatorWidth + endTextWidth;
-                
-                // 如果文本宽度超过input宽度，使用比例分割
-                if (totalTextWidth >= totalVisualWidth) {
-                    midPoint = totalVisualWidth * startRatio;
-                } else {
-                    // 如果文本宽度小于input宽度，使用实际文本宽度计算分割点
-                    midPoint = startTextWidth + separatorWidth / 2;
-                }
-                
-                // 更新开始文本长度状态，限制为默认长度以保证结束时间高亮位置正确
-                startTextLength.set(Math.min(startText.length, getDefaultCharLength()));
-                
-            } else {
-                // 如果值格式不正确（例如 "2025-07-09,"），则退回使用几何中心点
-                const defaultLength = getDefaultCharLength();
-                charLength.set(defaultLength);
-                startTextLength.set(defaultLength);
-                midPoint = totalVisualWidth / 2;
-            }
-        } else {
-            // 如果没有找到 hiddenInput 或其值不是范围，则退回原始的几何中心点
-            const defaultLength = getDefaultCharLength();
-            charLength.set(defaultLength);
-            startTextLength.set(defaultLength);
-            midPoint = totalVisualWidth / 2;
-        }  
-          
-        // 计算相对于 target 的 offsetX  
-        const rect = target.getBoundingClientRect();  
-        const offsetX = e.clientX - rect.left;  
-        // 根据点击位置判断是点击了左半边（开始）还是右半边（结束）
-        if (offsetX < midPoint) {
-            position.set('start');
-            // 更新为开始部分的字符长度，限制为默认长度
-            if (hiddenInput && hiddenInput.value && hiddenInput.value.includes(',')) {
-                const [startText] = hiddenInput.value.split(',');
-                charLength.set(Math.min(startText.length, getDefaultCharLength()));
-            }
-        } else {
-            position.set('end');
-            // 更新为结束部分的字符长度，限制为默认长度
-            if (hiddenInput && hiddenInput.value && hiddenInput.value.includes(',')) {
-                const [, endText] = hiddenInput.value.split(',');
-                charLength.set(Math.min(endText.length, getDefaultCharLength()));
-            }
-        }  
-    }
-
-    // 重置位置到指定值
-    function resetPosition(pos: 'start' | 'end' = 'start') {
-        if (position.value === pos) {
-            return;
-        }
-        position.set(pos);
-    }
-
-    // 切换位置
-    function togglePosition() {
-        const currentPosition = position.value;
-        if (currentPosition === 'start') {
-            position.set('end');
-        } else {
-            position.set('start');
-        }
-    }
-
-    // 在组件初始化时设置事件监听
-    function setupEventListeners() {
-        // instance.on('resetPosition', resetPosition);
-        instance.on('togglePosition', togglePosition);
-    
-    }
-
-    function resetToStart() {
-        const {range, type} = instance.get();
-        if (range && type === 'date') {
-            position.set('start');
-        }
-    }
-
-    return {
-        position,
-        charLength,
-        startTextLength,
-        handleInputClick,
-        resetPosition,
-        togglePosition,
-        setupEventListeners,
-        resetToStart
-    };
-}

package/es/components/datepicker/usePosition.d.ts

@@ -1,10 +0,0 @@
-export declare function usePosition(): {
-    position: import("../../hooks/useState").State<"end" | "start">;
-    charLength: import("../../hooks/useState").State<number>;
-    startTextLength: import("../../hooks/useState").State<number>;
-    handleInputClick: (e: MouseEvent) => void;
-    resetPosition: (pos?: 'start' | 'end') => void;
-    togglePosition: () => void;
-    setupEventListeners: () => void;
-    resetToStart: () => void;
-};